angular-cli - 如何更改生成的 css/js 捆绑文件的名称

Question

我正在使用 angular-cli 1.0.0-beta.24。当我运行

ng build --production

时，有没有办法更改生成的 *.bundle.css 和 *.bundle.js 文件的名称？

默认名称为： main.[hash].bundle.js、styles.[hash].bundle.css、vendor.[hash].bundle.js 和 inline.[hash].bundle .js，我想更改这些。这也应该反映在 index.html 中生成的 css/脚本链接的自动更改中。

提前致谢。

Answer 1

我认为你可以通过提供 --output-hashing none 来删除哈希值

Answer 2

遗憾的是现在你还不能这样做。

这里有一个讨论这个问题的帖子： https://github.com/angular/angular-cli/issues/1656

据团队称，他们不打算很快允许自定义 Webpack 配置（Webpack 是生成转译文件的工具）。

更改文件中的代码将更新 vendor 和 main 文件中的 [哈希]，但 inline 和 styles 将始终具有相同的哈希...

此线程中的某人建议使用以下 seed ，它允许您更新 Angular 应用程序的 Webpack 配置（并且似乎还支持 AOT 和 SSR），但我还没有对其进行测试以查看它是否确实有效，但事实并非如此Angular-CLI 项目的一部分。

Answer 3

您只能将哈希部分更改为“outputHashing”：“none” Angular.json

{
  "projects": {
    "myApp": {
      "architect": {
        "build": {
          "configurations": {
             "production":{
                "outputHashing": "none"

或者将参数传递给 cli:

ng build --output-hashing=none

然后，当文件准备好后，您可以在Linux中使用grep来替换index.html中的名称值并重命名文件。