众所周知，对于前端开发者而言，不论是编写React，Angular，还是Vue的Web应用，Webpack始终是前端模块打包工具的首选，但是配置繁杂，打包效率低下等问题始终为人所诟病，在开发十几二十个路由的SPA应用时毫无感觉，而对于百来路由的SPA应用来说，动辄十几二十秒的编译时间实在让人抓狂。现在，让我们一起来接触一款更好的前端模块打包工具：Parcel。
parcel官方github描述
Parcel是一款基于nodejs的前端模块打包工具，支持多线程打包，缓存性打包，并且主打0配置或轻配置进行打包，开箱即用，可编译Less，Sass，Vue，Angular，TypeScript等等，并且支持babel，postCss，postHtml等等。（官方GitHub地址：https://github.com/parcel-bundler/parcel）
由于国内网络问题，目前搜索Parcel只能搜索到国内网站的镜像站，如果需要直达官方，请搜索“ParcelJs.org”，国内网站的镜像站较为老旧，文档不全。
接下来，我们来对比一下Parcel相对于Webpack的优势所在。
Parcel官方测试
Webpack4.0 VS Parcel 1.10.3
接下来，我们来对比一下Parcel相对于Webpack的缺点所在
很明显，在开发这方面来说，使用Parcel能减少很多配置工作，并且在打包时候编译所需时间也较少，而对于缺点这方面，也是直入痛点，不支持Proxy代理后端接口，不支持Alias路径别名，打包后文件体积较大，而对于这三点，均可手动解决，Proxy可以通过Chrome开启CROS解决，Alias别名可以通过手动补全路径解决，而文件体积则手动压缩js即可。
至此，我相信大家也了解了Parcel的优势所在，随着Parcel的一步步完善，它将有可能成为Webpack的一大对手，而现阶段如何选择，小编根据工作经验给予以下看法：
- 中小型项目，大型项目可拆分系统的选择Webpack（如商城，个人博客，普通SPA应用等）
- 大型项目，不可拆封系统的选择Parcel（如ERP，进销存，企业管理类）
当然，现在的Parcel提倡的开箱即用，对于很多人来说还很迷糊，怎么创建Vue项目？怎么运行调试，怎么打包还是个问题。下一次，小编将教大家如何从零开始创建一个使用Parcel做打包器的Vue + Vue-Router项目，带大家一步步踩坑。
閱讀更多 Zion程序猿 的文章
