使用弹出的 Angular 4 应用程序进行生产编译会生成大文件

2024-04-10

ng build --prodAngular CLI 命令在 Angular4 应用程序中生成高度压缩的 JavaScript 文件。

当使用以下命令弹出应用程序时ng eject命令,Angular CLI 命令消失了,我们只剩下 npm 脚本(npm run build命令来构建应用程序),但不幸的是该命令输出非生产构建。

我尝试跑步webpack -p直接命令但输出结果文件稍larger与输出相比ng build --prod命令。

如何获得压缩当量ng build --prod命令但在弹出的应用程序上?什么命令/参数可以产生这样的结果?


您可以使用以下命令弹出 webpack 配置的生产版本:

ng eject --prod

EDIT

如果您想使用弹出的 webpack 配置的开发版本和生产版本,请执行以下操作:

  1. Backup你现有的包.json
  2. Execute ng eject --prod(这将弹出 webpack 配置的生产版本)

  3. Rename the ejectedwebpack.config.json 到webpack.config-prod.json

  4. Restore你备份的包.json(实际的更改几乎是脚本和一些新包)。您可能还想编辑 .angular-cli.json 并更改ejected属性为 false。
  5. Execute ng eject(这将弹出开发版本)。

现在您只剩下 webpack 配置的生产和开发版本。现在,要编译 Angular 项目以进行生产,请执行webpack --config webpack.config-prod.js您还可以将其添加到 package.json 脚本中以方便使用。

然而,这可能不是完美的方法,但这就是我在 中所做的。如果有更好的版本,欢迎编辑。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用弹出的 Angular 4 应用程序进行生产编译会生成大文件 的相关文章

随机推荐