parcel VS 弱鸡webpack

2020-09-19  本文已影响0人  凉城十月

Parcel 无需配置,在开发环境的时候会自动在浏览器内随着你的代码更改而去更新模块。
比起配置复杂的webpackParcel简直就是王者。
点击parcel官网进行配置。

parcel
主页就是这样,点击Get Started
  1. 安装parcel
    Yarn:
yarn global add parcel-bundler

npm:

npm install -g parcel-bundler
  1. 创建一个合法的package.json文件
yarn init -y

or

npm init -y
  1. 创建一个index.htmlindex.js文件
    index.html:
<html>
<body>
  <script src="./index.js"></script>
</body>
</html>

index.js:

console.log('hello world')
  1. 运行
    Parcel内置了一个开发服务器,当更改文件时,它将自动重建应用程序,并支持热模块替换以实现快速开发。
parcel index.html

以上是parcel的简单使用,简单的配置吊打webpack,你喜欢用parcel还是webpack呢?

上一篇下一篇

猜你喜欢

热点阅读