parcel

特点

• 开箱即用
• 轻量、快速

全局安装 + 初始化项目

yarn init -y
yarn add -D parcel-bundler

// package.json
"scripts": {
  "serve": "parcel index.html -p 666",
  "watch": "parcel watch index.html",
  "build": "parcel build index.html"
 }

常用命令

// 监听代码 + 打包 + 启动服务器
parcel index.html
// 监听代码
parcel watch index.html
// 打包
parcel build entry.js

其他命令

插件

在 Parcel 中使用插件是前所未有的简单。你所做的，只是将它们安装好并保存到 package.json 中。插件需要以 parcel-plugin- 作为前缀被命名。例如 parcel-plugin-foo。任何在 package.json 中被列出的带有此前缀的依赖，都会在初始化的时候被自动加载。

相关内容

高级js语法支持

yarn add babel-polyfill

// main.js
import "babel-polyfill"

文件转换

https://parceljs.docschina.org/transforms.html