Parcel 2 正式发布，极速零配置 Web 应用打包工具（package parcel）

25-02-17 20

本篇文章给大家谈谈Parcel2正式发布，极速零配置Web应用打包工具，以及packageparcel的知识点，同时本文还将给你拓展?述说Parcel:一个快速的零配置的web打包工具?、Parcel

本篇文章给大家谈谈Parcel 2 正式发布，极速零配置 Web 应用打包工具，以及package parcel的知识点，同时本文还将给你拓展?述说Parcel:一个快速的零配置的web打包工具 ?、Parcel + Vue 2.x 极速零配置打包体验、Parcel - 极速零配置Web应用打包工具、Parcel 1.10.0 发布，极速零配置 Web 应用打包工具等相关知识，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

Parcel 2 正式发布，极速零配置 Web 应用打包工具（package parcel）
?述说Parcel:一个快速的零配置的web打包工具 ?
Parcel + Vue 2.x 极速零配置打包体验
Parcel - 极速零配置Web应用打包工具
Parcel 1.10.0 发布，极速零配置 Web 应用打包工具

Parcel 2 正式发布，极速零配置 Web 应用打包工具（package parcel）

Parcel v2.0.0 稳定版已正式发布。公告写道，此版本延续了 Parcel 1 的零配置打包体验，并使其拥有了强大的拓展能力以适应任何规模和复杂度的项目。

据介绍，Parcel 2 是对 Parcel 的彻底重写，涉及到许多方面。更新亮点包括：

新的插件系统：为 Parcel 提供了完整的拓展能力，允许 Parcel 从小规模项目拓展到具有复杂构建要求的大规模生产环境的应用程序
默认开启 Tree Shaking：包括 ES modules、CommonJS、dynamic import 和 CSS modules 的支持
巨大性能提升：包括用 Rust 写的新的 JavaScript 编译器和新的多任务并行架构，能够利用所有的 CPU 内核并行执行
自动拆分代码：包括将公共模块去重到可以并行加载和缓存的共享包中
图像大小调整、转换和优化，包括对 AVIF 和 WebP 等现代图像格式的支持，以及对 JPEG 和 PNG 的自动无损优化
显着提高缓存可靠性，包括跨机器的可移植性，以及所有配置、插件、开发依赖项等的自动跟踪，这些操作均无需配置
改进热加载功能，包括对 React Fast Refresh 的支持
支持 bundle inlining ，它允许您将一个 bundle 的编译内容嵌入到另一个 bundle 中，例如将图像内联为数据 URL
支持构建库，包括输出到 ES 模块、CommonJS，甚至绑定 TypeScript 定义
改进了 web worker 支持，包括对原生 ES 模块 worker、worklets、service worker manifests 等的支持
更好的诊断，提供漂亮的语法高亮代码框架、提示，甚至文档链接以了解更多信息
更可靠的文件观察器，用 C++ 编写并与底层操作系统 API 集成，即使在 Parcel 重新启动时也能快速使缓存失效
使用 Parcel 的新源映射库带来了更快、更准确的源映射，该库使用 Rust 编写，性能比 Parcel 1 提升 20 倍

更多内容查看发布公告。

迁移指南：https://parceljs.org/getting-started/migration/

?述说Parcel:一个快速的零配置的web打包工具 ?

这篇文章总字数：1214，普通阅读4分钟，速读2分钟，主要讲的是新的打包工具parcel的一些新特性，谢谢，有兴趣朋友可以关注一下我的github上面有30多篇文章，喜欢的可以watch或者star。你的支持是我输出的动力。

前言

今天很高兴来讲一下新的打包工具parcel，一个快速的，零配置的打包工具。可以点击这里看他的github.

为了解决现有webpack等打包工具存在的问题：性能和配置复杂度。我开始研究parcel。

以webpack举例，我认为打包工具是用来减轻前端负担的，但是在webpack上我并没有感觉到，除了需要学习webpack外，配置的时候还是要查询中文文档，因为太多的插件根本不适合记忆，还有性能方面，当页面足够多时，打包的速度开始变得很慢，我记得我们公司一个运营中心的项目，打包时间惨目忍睹。

特点

?打包速度快——多核编译，以及文件系统缓存，即使在重新启动后也能快速重建。
?支持JS，CSS，HTML，图像，文件资产等等——不安装插件
?当我们需要时使用Babel，PostCSS和PostHTML自动转换模块——甚至是node_modules包
✂️使用动态import()语句进行零配置代码的分割。
?编译项目的时候支持热更新模块。
?友好地错误日志体验——语法高亮有助于我们追踪问题

性能

首先我想说的就是性能，我上面已经说了，当一个项目有好多个页面的时候，你的打包速度真的是慢，webpack也是一样，一个项目要打包上线，这里花的时间，都可以早点下班了，开发过程中也是一样，不过本地的话，你还可以给打包单一几个页面。

很多打包工具都注重于能快速的重新构建，这是伟大的，但是，初次构建的性能对于开发和生产来说是很重要的

parcel解决了这个问题，在编译过程中，并行的编译代码，并使用现代的多核处理器解决这个问题。上述原因影响了初步构建的速度。他也有文件缓存系统，以便于快速的重建。

Based on a reasonably sized app, containing 1726 modules, 6.5M uncompressed. Built on a 2016 MacBook Pro with 4 physical CPUs.

零配置体验

第二个原因就是帮助我们减轻配置的负担，大多数打包工具是围绕着配置文件建立起来的，配置文件有很多的插件。一个webpack的打包工程500行代码，已经不是什么稀罕的事情了。

这种配置不仅繁琐耗时，而且你不能保证你一定是正确的，还得参照规范改，这可能导致优化应用程序而影响正常的生产

parcel被设计为零配置：只需要应用程序入口给它，他就可以正确的打包。Parcel支持JS，CSS，HTML，图像，文件资产等等 - 不需要任何插件。

parcel的零配置体验还体现在不局限于文件格式，当parcel检测到一个.babelrc, .postcssrc等文件，就会自动转化相应模块，比如Babel, PostCSS和PostHTML。这甚至适用于仅用于该模块的node_modules中的第三方代码，因为应用的使用者，不需要知道构建的时候每一个模块是如何导入的。并且这次构建也没有必要让Babel在每一个文件上的运行

最后，parcel也很好的支持一些先进的打包功能，像代码拆分，热更新等。在生产模式中，还支持自动压缩，未来也可能加入像tree-shaking等优化

未来发展的前景

开启新项目的好处就是，parcel可以使用现代的体系结构，没有历史包袱，并且在这个体系结构上扩展，更加灵活，并支持代码拆分和热更新等功能。

现在主流的打包工具还是主要关注JavaScript，比如webpack，其他类型的文件也要通过loader将其变成JavaScript来进行打包。

但在parcel中，任何类型的文件都有机会成为一等公民，很容易可以添加一种新类型输入文件，并将类似类型的文件组合到输出文件中

你可以在这个网站上了解更多关于parcel如何工作的

尝试一下吧！！

parcel才刚刚开始就收到大众追捧，尝试一下吧

Parcel + Vue 2.x 极速零配置打包体验

browserify、Webpack 之后，又一款打包工具 Parcel 横空出世

极速零配置Web应用打包工具”

升级之后应该会逐渐普及

一、基本用法

博客将基于 npm 讲解

decoration: line-through; color: #808080;">decoration: line-through;">然后写一个配置文件...不对，这不是 webpack，这是 parcel，零配置打包

传统页面

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" alt="">

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" alt="">

页面

用于设置端口号，如果不设置，则默认启动 1234 端口

支持热更新，会监听 html、css、js 的改变并即时渲染

parcel build index.html

使用 Parcel 开发

安装 Parcel

$    npm install parcel-bundler --global

新建项目

$    mkdir parcel-demo
$    cd parcel-demo
$    npm init -y

处理 js 文件

一般情况下，都是使用 es6 开发，然后使用 babel 编译成浏览器能运行的 js 代码，这时需要安装 babel 的插件。

$    yarn add babel-preset-env --dev
#    如果需要编译其他版本的请自行安装。

新建 babel 的配置文件 .babelrc ，这里只展示最基础的配置：

{
  "presets": [
    "env"
  ],
  "plugins": []
}

处理 css 文件

在 Parcel 中，使用 postcss 去处理各种各样的 css 和 scss 文件：

$    yarn add postcss autoprefixer node-sass --dev

新建 postcss 配置文件 .postcssrc :

{
  "plugins": {
    "autoprefixer": {
      "grid": true
    }
  }
}

autoprefixer 的浏览器兼容性配置文件 .browserlistrc ，具体的配置可以到这里查看。

> 1%
last 2 versions
iOS 8

处理 html 文件

~~暂无，正在寻找能将小图片转换为 base64 Parcel 插件~~

开发环境

如果需要监听文件并启动一个 HRM 服务器的话，请使用 parcel xxx.html

如果只需要监听并编译某个文件的话，请使用 parcel watch xxx.html, 该命令不会启动热更新服务器，当时会监听文件的变化。

打包代码

$    parcel build entry.js -d output_dir --public-url public_dir

entry.js 为打包的入口文件，可以是 HTML 文件。

--out-dir / -d 为设定打包后文件存放的路径，默认为 ./dist

--public-url 为设定打包后的引入文件的路径，默认为 /dist/。若为 ./ 则打包后所有的文件都应放置在同一个目录下；若为 custom_dir 则打包后，除了入口 html 文件，其余文件应当放置在 custorm_dir 目录下。建议设置为绝对路径，此处有多文件资源引入的坑，已提交 issue。

Enjoy Coding with zero configurations.

附上一个简易的 Parcel 项目架构，GitHub 。拉下即可开始开发。

Parcel 1.10.0 发布，极速零配置 Web 应用打包工具

Parcel 1.10.0 发布了，Parcel 是一款 Web 应用打包工具，适用于经验不同的开发者。它利用多核处理提供了极快的速度，并且不需要任何配置。按官方说法，这是一款极速、且“开箱即用”的 Web 应用打包工具，其提供的测试数据显示，Parcel 比 Webpack 的速度更快。

Bundler	Time
browserify	22.98s
webpack	20.71s
parcel	9.98s
parcel - with cache	2.64s

Bundler

Time

browserify

22.98s

webpack

20.71s

parcel

9.98s

parcel - with cache

2.64s

接下来继续看看本次的更新内容，主要是新增了新特性，如支持 Babel 7、升级至 TypeScript 3.0、提供 HTML Bundle 加载器等，以及 bug 修复：

[1.10.0] - 2018-09-25

新增

Babel 7 support Details

HTML Bundle loader Details

Process inline scripts and styles Details

Added LD+JSON asset Details

Add support for Elm assets Details

Support optionally bundling node_modules for --target=node Details

Import existing sourcemaps Details

Import GraphQL files from other GraphQL files Details

Automatically strip flow types Details

SugarSS Support Details

Minimal verbose/debug mode Details

User friendly error on failed entrypoint resolving Details

Support for SharedWorkers Details

Add Object Spread to default Babel transforms Details

Update help message for --public-url Details

Support HTML5 history mode routing Details

Split cache into multiple folders for faster FS Details

Support array in package.json''s sideEffects property Details

Added stub for require.cache Details

Added dotenv-expand to expand env vars Details

Update Typescript to v3.0.0 Details

Add --no-content-hash option to build cli Details

详细内容请查看更新日志。
下载地址 https://github.com/parcel-bundler/parcel/releases/tag/v1.10.0

今天的关于Parcel 2 正式发布，极速零配置 Web 应用打包工具和package parcel的分享已经结束，谢谢您的关注，如果想了解更多关于?述说Parcel:一个快速的零配置的web打包工具 ?、Parcel + Vue 2.x 极速零配置打包体验、Parcel - 极速零配置Web应用打包工具、Parcel 1.10.0 发布，极速零配置 Web 应用打包工具的相关知识，请在本站进行查询。