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

wuaiqiu 发布于2019-08-22 14:02 / 2922人阅读

摘要：前言今天很高兴来讲一下新的打包工具，一个快速的，零配置的打包工具。上述原因影响了初步构建的速度。他也有文件缓存系统，以便于快速的重建。一个的打包工程行代码，已经不是什么稀罕的事情了。

这篇文章总字数：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解决了这个问题，在编译过程中，并行的编译代码，并使用现代的多核处理器解决这个问题。上述原因影响了初步构建的速度。他也有文件缓存系统，以便于快速的重建。

零配置体验

第二个原因就是帮助我们减轻配置的负担，大多数打包工具是围绕着配置文件建立起来的，配置文件有很多的插件。一个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才刚刚开始就收到大众追捧，尝试一下吧

GPU云服务器云服务器 web快速开发工具打包工具 python打包工具 java开发打包工具

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92792.html

宣布 Parcel：一个快速，零配置的 Web 应用打包工具 ?

摘要：宣布一个快速，零配置的应用打包工具原文译者今天，我非常高兴地宣布，一个快速，零配置的应用程序打包工具，我对于该工具的工作已经持续了几个月。性能我被激发建立一个新的打包工具的第一个原因是性能。 ? 宣布 Parcel：一个快速，零配置的 Web 应用打包工具 ? 原文：? Announcing Parcel: A blazing fast, zero configuration web...

learn_shifeng 2019-08-21 17:58 评论0 收藏0
Parcel - 极速零配置Web应用打包工具

摘要：极速零配置应用打包工具的优势极速打包时间使用进程去启用多核编译。的缺点缺乏插件新出的打包工具，还在成长当中，插件的数量和这种成熟的工具是无法相比的。不太适合大项目毕竟配置，无需过多的配置即可使用。 showImg(https://segmentfault.com/img/remote/1460000012593231); 开发项目或者写 demo 的时候，还在为 webpack 的配置...

fireflow 2019-08-21 18:24 评论0 收藏0
新一代打包神器parcel简介

摘要：友好的错误记录体验，语法突出显示的代码帧有助于查明问题。为入口资源创建一个，并为动态导入的资源创建子，这回导致代码拆分的发生。如果一个资源需要多个，它会被打包到最近的共同祖先，因此它不会被包含多次。官方地址：https://parceljs.org/getting_... Parcel 是 Web 应用打包工具，适用于经验不同的开发者。它利用多核处理提供了极快的速度，并且不需要任何...

Jenny_Tong 2019-08-22 15:14 评论0 收藏0
前端构建工具整理

摘要：常见前端构建工具的分类和对比是附带的包管理器，是内置的一个功能，允许在文件里面使用字段定义任务在这里，一个属性对应一段脚本，原理是通过调用去运行脚本命令。前文端技术范围不断发展，前端开发不仅限于直接编写html，css和javascript，Web应用日益庞大，代码也更加庞大，因此许多新的思想（例如模块化和工程化等）和框架（React和Vue等），以及新的语言（Es6 TypeSc...

leo108 2019-08-23 10:53 评论0 收藏0
前端每周清单第 45 期: Safari 支持 Service Worker, Parcel 完整教

摘要：的另一个核心特性，苹果表示也正在开发中，按开发进度可能几个月后就能与我们见面。是基于的本地化数据库，支持以及浏览器环境。前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID: frontshow），及时获取前端每周清单。本期是 2017 年的最后一...

赵春朋 2019-08-21 18:24 评论0 收藏0