开发和prod的不同浏览器列表？
开发和prod的不同浏览器列表？
提问于 2021-02-01 16:25:34
我只想在生产版本中激活差动载荷。原因是我不希望dev build花费太长时间。
由于差异加载是从browserlist内容派生的，因此I希望为每个构建的配置不同的浏览器列表。
以下是dev的浏览器列表：
> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-11这是为了刺激：
> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-11我使用以下命令激活我的dev和prod构建：
发展：ng build
prod：ng build --prod
相当标准的。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-02-04 11:36:02
如果我正确地理解了您，那么更改您的angular.json中的构建配置就可以了。在默认情况下，您可以通过environment.ts文件复制角操作。
因此，在build.configurations.production in angular.json下，您可以添加到fileReplacements数组中：
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
},
{
"replace": "src/.browserslistrc",
"with": "src/.browserslistrc.prod"
}
],这些文件名都是假定的，但显然可以用所需的任何内容来替代。
编辑
我不完全确定这是否有效，或者如何测试它。根据浏览器列表文档，您还可以使用环境标志https://github.com/browserslist/browserslist#configuring-for-different-environments
就角度而言，这看起来如下所示：
[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这应该使用NODE_ENV，在使用ng serve (以及ng build)时将角设置为development，在使用ng build --prod时使用production。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65996361
复制相关文章
相似问题
腾讯云开发者
