Angular: styles.css vs. styles.xxxx.css

Question

在开发过程中查看DOM中的样式链接"正常"；。

在生产中，添加了一个十六进制数，看起来像下面的例子：

<link rel="stylesheet" href="styles.2a837f84c87615489567.css">

必须设置哪个参数(在"angular.json"中(才能避免添加数字？还必须做什么？

Answer 1

如果您想修改生成的不应该有数字的捆绑包，那么您可以通过修改angular.json选项outputHashing到none来轻松配置

angular.json

"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
....
},
"configurations": {
"production": {
...,
outputHashing: none,
...
},
},
},

或

将--output-hashing=none参数传递给命令。

ng build --prod --output-hashing=none.