angular - 在不安装 devDependencies 的情况下为生产构建 Angular

Question

我目前正在尝试创建一个 Docker 容器来构建我的生产 Angular 应用程序。我正在使用 npm。我只想安装依赖项(所以没有 devDependencies)，所以我想这样做:


npm 安装 --only=prod
ng 构建项目名称 --prod


唯一的问题是我的构建缺少很多包，比如@angular/cli 和@angular-devkit/build-angular。我在互联网上找不到任何好的解决方案，但我不希望我的构建包含我所有的 devDependencies。此外，我不希望我的生产构建包含构建所需的任何包。对此有好的解决方案吗？

Answer 1

不用担心您的依赖项。

当您通过@angular/cli 触发生产构建时

ng build --prod

Angular 将从您的包中提取未使用的包和代码!参见 https://github.com/angular/angular-cli/wiki/build对于您可以设置的所有构建选项。

您唯一需要考虑的是，您如何使用您的包以及您的依赖项是否支持 treeshaking以及。避免像这样导入:

import * as xy from 'packageXY';

另一个提示是 npm 包 Webpack-Bundle-Analyzer执行这些命令以检查/分析您的包:

npm i webpack-bundle-analyzer

ng build --prod --stats-json

cd dist 

webpack-bundle-analyzer stats.json