编译后 Angular 更改文件名

【问题标题】：Angular change file name after compilation编译后 Angular 更改文件名
【发布时间】：2022-11-28 16:58:36
【问题描述】：

我有一个 Angular 15 网络应用程序，在一个组件中有这个简单的 css

.Bg_img1{
  background-image: url('../../assets/Images/foto_1.webp');
}

在 ng 构建之后，Angular 更改 foto_1.1e53a4e5f13f0a4b.webp 中的图像名称并生成新图像。如何禁用此行为？

我想要我的原始文件名和 css

【问题讨论】：

标签： angular

【解决方案1】：

在 angular.json 你有

projects-->your-app-->architect-->build-->
     configurations-->production-->outputHashing

如果只想“散列”.js 和 .css，则将 ouputHashing: "all" 更改为 "bundles"

顺便说一句：看到你的 .css 的路径与“你的 index.html 在哪里”有关，所以我想路径应该是./assets/Images/foto_1.webp

【讨论】：