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

Question

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

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

我尝试直接运行 webpack -p 命令，但与 ng build --prod 的输出相比，输出结果文件略大命令。

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

Answer 1

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

ng eject --prod

编辑

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

1. 备份您现有的package.json

2. 执行 ng eject --prod(这将弹出 webpack 配置的生产版本)

3. 重命名 弹出 webpack.config.json 为webpack.config-prod.json

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

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

然而，这可能不是完美的方法，但这是我在 .如果有更好的版本，欢迎编辑。