Angular 2 - 使用“npm”而不是“ng build -prod”为生产构建“dist”答案

【问题标题】：Angular 2 - building "dist" for production using "npm", and not "ng build -prod"Angular 2 - 使用“npm”而不是“ng build -prod”为生产构建“dist”
【发布时间】：2017-07-27 16:53:45
【问题描述】：

我正在使用npm start 而不是ng serve 构建和运行一个项目。我是一个 Angular 2 初学者，所以我不知道如何构建这个项目以进行生产，以便在其中包含带有纯 javascript/html/css 的 dist/ 文件夹。对于 ng init - 创建 angular 2 应用程序，如果我使用 ng 命令，我可以在工作完成并创建 dist 文件夹时执行 ng build --prod。如果我在这个项目上使用ng build --prod，Angular 会提供我覆盖我不想覆盖的一些文件（app.module.ts、app.component.ts 等）。里面有路由的东西，我不想改变它们。在不使用ng build --prod 命令的情况下，如何获得此应用程序的生产版本（即 dist/ 文件夹）？ Angular-cli 版本是：

angular-cli: 1.0.0-beta.28.3

【问题讨论】：

您使用的是哪个版本的 Angular CLI？另外，您多次说“ng build -prod”，但正确的命令是“ng build --prod”。
angular-cli: 1.0.0-beta.28.3 我将问题编辑为 prod 参数有两个破折号。
另外，我不想在构建过程中使用 angular-cli，而是使用 NPM。
我能问你为什么不想使用它吗？
还有 npm start == ng serve。因此，您正在使用 CLI。您应该将其升级到最新版本。请参考：github.com/angular/angular-cli#updating-angular-cli

标签： node.js angular build npm production-environment

【解决方案1】：

我认为你应该使用 @angular/cli 而不是 angular-cli ：

npm install -g @angular/cli

当我使用ng build --prod时没有这样的问题。

【讨论】：

@angular/cli 和 angular-cli 有什么区别？
angular-cli 是旧版本，@angular/cli 是新版本

【解决方案2】：

请按照以下说明将您的 CLI 更新到最新版本：

https://github.com/angular/angular-cli#updating-angular-cli

【讨论】：