Angular 5 - 使用带有 uglify 和 minify 的 ng build 开发/QA 构建(如 ng build --prod)

Question

我正在使用 angular5 和 angular-cli 并且需要对可以在浏览器的检查器工具中查看的代码进行 uglify/minify。我的 angular-cli.json 有:

"environmentSource": "environments/environment.ts",
"environments": {
    "dev": "environments/environment.ts",
    "prod": "environments/environment.prod.ts"
}

对于生产，它通过 ng build --prod 运行良好但这只能用于生产环境。我想为开发环境做同样的事情，但我无法实现它。除了 --enviornment:

Flag                 --dev    --prod
--aot                false    true
--environment        dev      prod
--output-hashing     media    all
--sourcemaps         true     false
--extract-css        false    true
--named-chunks       true     false
--build-optimizer    false    true with AOT and Angular 5

例如

ng build --aot=true --output-hashing=all --sourcemaps=false --extract-css=true --named-chunks=false --build-optimizer true

但它对我不起作用。不为此环境创建丑陋的代码(这里是开发者)。

如何在其他环境中使用相同的构建命令？我如何在其他环境中使用产品优化？

Answer 1

如果你想在 --prod 优化中使用你的 dev environment.ts 值，只需用标志指定:

ng build --prod --environment=dev

这会应用 --prod 设置，但会覆盖将使用环境文件的 --environment。

在更改为 angular.json 的较新 Angular CLI 版本中，将 --environment 替换为 --configuration。由于默认配置使用 environment.ts，只需向其传递一个空字符串，这样环境文件就不会被覆盖，例如 --prod --configuration=