使用 Angular 4+ 版本时，是不是有任何专业人士可以用 Parcel 替换 Webpack？

Posted 2023-02-23

【中文标题】使用 Angular 4+ 版本时，是不是有任何专业人士可以用 Parcel 替换 Webpack？

【英文标题】：Are there any pros to replace Webpack with Parcel when using Angular 4+ version?使用 Angular 4+ 版本时，是否有任何专业人士可以用 Parcel 替换 Webpack？

【发布时间】：2018-12-23 16:29:23

【问题描述】：

我想知道在 Angular 4+ 版本中我应该用 Parcel 替换 Webpack 有什么充分的理由吗？我的意思是 Angular 团队有很多专门针对 Webpack 的配置，我想知道这是否值得？会不会有无法替代的功能？为什么我应该或不应该这样做？

【问题讨论】：

不幸的是，Parcel 会比 webpack 打包更大。好处是你不需要知道任何关于 webpack 的知识来编译你的应用程序，并且在理想条件下它可以更快。不要太强调它，我建议两者都使用 angular cli，这对于大多数项目来说已经足够了。

【参考方案1】：

Parcel 更容易自己设置（它有 0 个配置，例如合法），您不必担心。

在 Angular 的情况下，如果您使用的是 Angular CLI，它有一堆开箱即用的配置，将在必要时更新，因此您不必担心。

如果我要开始一个新项目（没有任何类似的 cli），我会坚持使用 parcel，否则使用默认项目。

【参考方案2】：

Parcel 和 webpack 的不同之处在于无需配置文件即可构建复杂的应用程序

包裹

包裹不需要配置

Parcel 为 CSS、javascript 包、图像、 等 Parcel 支持以下转换，无需 Parcel 配置文件： CSS SCSS 图片 通天塔 PostCSS Posthtml 打字稿 ReasonML/BuckleScript ReasonReact Parcel 通过检查什么来自动检测需要什么转换 已安装依赖项以及存在哪些配置文件。

Webpack

webpack 内联 JavaScript 包中的所有内容

使用 webpack，您在没有配置文件的情况下获得的唯一功能是默认输入和输出文件。如果你需要其他东西，比如 babel、SCSS 等，你需要 webpack.config.js 文件

对于大多数实际项目，您在使用 webpack 4 时仍然需要一个配置文件

更多信息：http://blog.jakoblind.no/parcel-webpack/