资讯专栏INFORMATION COLUMN

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

learn_shifeng / 1826人阅读

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

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

原文:? Announcing Parcel: A blazing fast, zero configuration web application bundler ?

译者:neal1991

welcome to star my articles-translator , providing you advanced articles translation. Any suggestion, please issue or contact me

LICENSE: MIT

今天,我非常高兴地宣布 Parcel,一个快速,零配置的 Web 应用程序打包工具,我对于该工具的工作已经持续了几个月。 去 Github上看看吧!

为了解决我在 Browserify 和 Webpack 等现有模块打包工具中遇到的两个主要问题:性能配置经验,我开始研究 Parcel。

特性

? 非常快的打包时间 - 多核编译,以及文件系统缓存,这样即使在重新启动后也能快速重建。

?对于 JS, CSS, HTML, 图片以及文件资源以及其它支持开箱即用,不需要安装插件

?在需要时使用 Babel,PostCSS 和 PostHTML 自动转换模块 - 甚至是node_modules。

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

?内置支持热加载

? 友好的错误日志体验 - 语法高亮显示的代码帧有助于查明问题。

性能

我被激发建立一个新的打包工具的第一个原因是性能。 我已经在数千个模块上做了一些相当大的应用程序,并且总是对现有打包工具的速度感到失望。 大型应用程序可能需要几分钟才能完成,这在开发过程中尤其令人沮丧

许多打包工具专注于快速增量重新构建性能,这是很好的。 但是,最初的构建性能对于开发和生产/ CI 构建也非常重要。

Parcel 通过使用工作进程并行编译代码,利用现代多核处理器解决了这个问题。 这导致了初始构建的巨大加速。 它还有一个文件系统缓存,可以保存每个文件的编译结果,以便更快的后续启动。

零配置体验

我建立Parcel的第二个原因是帮助解决管理配置的痛苦。大多数其它打包工具都是围绕着配置文件以及大量的插件建立起来的,为了使事情顺利进行,看到 500 行以上的应用程序配置并不罕见。

这种配置不仅繁琐耗时,而且很难正确使用,并且必须针对每个应用程序进行复制。通常情况下,这可能导致次优化的应用程序转到到生产。

Parcel 被设计为零配置:只需将它指向你的应用程序的入口点,它就能正确工作。 Parcel 支持 JS,CSS,HTML,图片,文件资源等等 - 不需要任何插件。

Parcel 的零配置体验也涉及到文件格式。当 Parcel 检测到 .babelrc,.postcssrc 等时,也会自动应用像 Babel,PostCSS 和 PostHTML 这样的转换。这甚至适用于仅用于该模块的 node_modules 中的第三方代码,因此应用程序作者不需要知道如何构建他们导入的每个模块,并且构建不会减慢不必要地在每个文件上运行 Babel。

最后,还支持代码分割和热模块重新加载等高级打包功能。在生产模式下,Parcel 自动启用缩小,未来还会进行其他优化,如 tree-shaking。

未来架构

启动一个新项目的一个好处是,我能够为 Parcel 设计一个更加现代化的架构,这个架构更加可扩展,更灵活,同时无需用户配置,并支持代码拆分热加载等高级功能。

大多数打包工具主要关注 JavaScript,并支持其他格式。例如,默认情况下,其他文件类型通常会内嵌到JavaScript 文件中,并使用额外的插件和 hack 将其再次提取到多带带的文件中。

在 Parcel 中,任何类型的文件都可以成为一等公民。添加代表输入文件的新资源类型和将类似类型的资源组合到输出文件中的打包工具很容易。

例如,分析和生成 CSS 代码的 CSS 资源类型和将 CSS 资源组合成最终打包的 CSS Packager。 JS,HTML 等存在类似的类型。这样,Parcel 完全是文件类型无关的。

你可以阅读更多关于Parcel 如何在网站上工作的信息。

试试把

Parcel 刚刚开始,但许多应用程序已经开箱即用并且零配置! 所以试试看吧 - 删除你的webpack/browserify配置,卸载这些插件,然后尝试Parcel。?

欢迎向我反馈! 你可以在Twitter上找到我@devongovett。

网站和文档

Github

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

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

相关文章

  • 2018前端值得关注技术

    摘要:年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。自从谷歌提出后,就持续的获得了业界的关注,热度可见一斑。就在今年,谷歌也宣布将获得与安卓原生应用同等的待遇与权限。但是无论都值得关注。 1.前言 2017悄然过去,2018已经来到。人在进步,技术在发展。2018年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。下面就我个人的判断进行一个预测判断,希望能对大家...

    xiao7cn 评论0 收藏0
  • 2018前端值得关注技术

    摘要:年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。自从谷歌提出后,就持续的获得了业界的关注,热度可见一斑。就在今年,谷歌也宣布将获得与安卓原生应用同等的待遇与权限。但是无论都值得关注。 1.前言 2017悄然过去,2018已经来到。人在进步,技术在发展。2018年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。下面就我个人的判断进行一个预测判断,希望能对大家...

    用户84 评论0 收藏0
  • ?述说Parcel:一个快速配置web打包工具 ?

    摘要:前言今天很高兴来讲一下新的打包工具,一个快速的,零配置的打包工具。上述原因影响了初步构建的速度。他也有文件缓存系统,以便于快速的重建。一个的打包工程行代码,已经不是什么稀罕的事情了。 这篇文章总字数:1214,普通阅读4分钟,速读2分钟,主要讲的是新的打包工具parcel的一些新特性,谢谢,有兴趣朋友可以关注一下我的github上面有30多篇文章,喜欢的可以watch或者star。你的...

    wuaiqiu 评论0 收藏0
  • Parcel - 极速配置Web应用打包工具

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

    fireflow 评论0 收藏0
  • 新一代打包神器parcel简介

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

    Jenny_Tong 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<