Angular 开发人员和产品的浏览器列表不同？

我只想在生产版本中激活。 原因是我不希望dev构建花费太长时间

由于差异加载是从browserlist内容派生的，我想为每个构建配置不同的browserlist

这是开发人员的浏览器列表：

> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-11

对于prod，这是：

> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-11

我使用以下命令激活我的dev和prod build：

开发人员：

ng构建

产品：

ng构建--prod

---

非常标准。

如果我理解正确，那么在

angular.json

中更改构建配置就可以了。您可以通过

environment.ts

文件复制Angular默认的功能

因此，在

angular.json

中的

build.configurations.production

下，您可以添加到

fileReplacements

数组中：

"fileReplacements": [
   {
     "replace": "src/environments/environment.ts",
     "with": "src/environments/environment.prod.ts"
   },
   {
     "replace": "src/.browserslistrc",
     "with": "src/.browserslistrc.prod"
   }
],

这些文件名是假定的，但显然可以用所需的任何文件名替换

编辑

我不完全确定这是否有效或者如何测试它。根据browserslist文档，您还可以使用环境标志

对于Angular，其外观如下所示：

[development]
> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-11

[production]
> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-11

当使用

ng serve

（以及

ng build

）和

ng build--prod