极速、零配置的 Web 应用打包工具 Parcel.js

Parcel 是一款极速、零配置的 Web 应用打包工具,适用于经验不同的开发者. 它利用多核处理提供了极快的速度, 并且不需要任何配置。

功能特性

极速打包 - 多核心编译,以及即使在重启后也能快速重建的文件系统缓存。

无需安装插件,开箱即用,支持 JS、CSS、HTML、file assets 等。

在有需要时自动转换成 Babel、PostCSS 和 PostHTML 模块 - 甚至是 node_modules。

代码零配置,使用动态 import()语句分割。

内置热模块替换

报错日志友好 - 代码高亮显示有助于查明问题。

基准测试

测试基于一个合理大小的应用,其中包含1726个模块,未压缩大小6.5M。

首先通过 Yarn 或者 npm 安装 Parcel :

在你正在使用的项目目录下创建一个 package.json 文件:

Parcel 可以使用任何类型的文件作为入口,但是最好还是使用 HTML 或 JavaScript 文件。如果在 HTML 中使用相对路径引入主要的 JavaScript 文件,Parcel 也将会对它进行处理将其替换为相对于输出文件的 URL 地址。

创建 index.html 和 index.js 文件

Parcel 内置了一个当你改变文件能够自动重建应用的开发服务器,而且为了实现快速开发该开发服务器支持热模块替换。只需要在入口文件指出:

现在在浏览器中打开 http://localhost:1234/。你也可以使用 -p

选项覆盖默认的端口。

如果没有自己的服务器可使用开发服务器,或者你的应用程序完全由客户端呈现。

如果有自己的服务器,你可以在watch 模式下运行 Parcel 。当文件改变它仍然会自动重建并支持热替换,但是不会启动 web 服务。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171212B04CMG00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券