Parcel
零配置的前端应用打包器
它提供了几乎傻瓜式的体验,我们只需要了解它所提供的几个简单的命令就可以直接用它来构建前端应用程序了。
安装parcel-bundler:
yarn add parcel-bundler --dev
创建打包入口文件 /src/index.html
官网建议用html文件作为打包入口(因为html是应用运行在浏览器时的入口)
运行打包:
yarn parcel src/index.html
parcel 不仅帮我们打包了应用,而且还帮我们开启了开发服务器
默认支持热更新、模块热替换的功能
自动安装依赖
支持加载其他类型的资源模块 (零配置)
Parcel 想给开发者的体验就是:想要做什么事情就去做,额外的事情就由工具去负责处理。
parcel 也支持动态导入,使用了动态导入也会拆分代码
在使用上parcel 几乎没有任何的难度,从头到尾我们只执行了一个parcel命令,其他所有的事情都是parcel内部帮我们完成的
以生产模式打包:
yarn parcel build src/index.html
对于相同体量的项目打包,Parcel 会比 Webpack 快很多,因为在 Parcel 的内部是使用了多进程同时去工作,充分发挥了多核CPU的性能。在 Webpack 中也可以使用 happypack 插件来实现这一点。
Parcel 整体体现下来就一个感觉:舒服。因为它在使用上真的是太简单了,试想一下 我们之前用的 Webpack 都需要做很多额外的安装很多插件。其实在 Parcel 中也有很多这些插件,只不过它是自动帮我们安装的。
Parcel 首个版本发布于2017年,当时的 Webpack 使用上过于繁琐。
其核心特点是:完全零配置、构建速度更快
目前,绝大多数的项目还是使用 Webpack 打包,个人认为主要原因是 Webpack 有更好的生态,随着这两年的发展 Webpack 也越来越好用了。
了解 Parcel 保持对新鲜技术和工具的敏感度,从而更好的把握趋势和走向。