上面两张图片ji就是对Parcel的解释。

使用它有什么好处

快速打包 -- Parcel比Webpack 、Rollup和Browserify都快。下表是对三种打包工具效率的一个总结

Bundler	Time(s)
Browserify	22.98
Webpack	20.71
Parcel	9.98
Parcel -with cache	2.64

当然，有时候Webpack仍然比Parcel快。

如何选择

如何选择完全取决于特定情况

Parcel -- 中小型项目
Webpack -- 大型企业级项目
Rollup -- 针对NPM包开发使用

快速上手

新建项目并初始化

mkdir parcel && cd parcel && npm init -y

创建文件

touch index.html && touch index.js

连接index.html和index.js

更新package.json

start

效果

同时，可以观察到控制台输出关于Parcel打包的时间

HMR

当然对于打包工具来说，hmr热更新是不能少的，Parcel也是支持的，如下

SCSS

Parcel是零配置的，但也是支持插件的，我们测试项目使用SCSS来写样式，

安装

yarn add node-scss && touch style.scss

code && connect

效果

设置生产环境

修改package.json中的script如下

运行

效果

总结

对于Parcel肯定还有更多、更好的教程，对于vue和React也有集成的方案，对于不同级别的项目，我们应该选择合适的打包工具来适应我们的项目，在正式项目中，还请借鉴 如何选择部分的内容。