asp.net - 在 MVC View 中添加具有散列名称的 js 文件(由 Angular CLI 生成)

Question

我有一个 Angular 应用程序，使用集成在 MVC 项目中的 Angular CLI 构建。

我正在使用 ng build --prod --output-hashing none。输出文件被复制到 MVC 项目的一个文件夹中。由于文件名始终相同，我只是在 cshtml 中引用它们以加载角度应用程序。

...
<script type="text/javascript" src=".../inline.bundle.js"></script>
<script type="text/javascript" src=".../vendor.bundle.js"></script>
<script type="text/javascript" src=".../script.bundle.js"></script>
...

但是如果我使用 ng build --prod，这种方法就不起作用了，因为生成的文件的名称中有哈希值:inline.318b50c57b4eba3d437b.bundle.js

如何在 View 中包含这些文件

Answer 1

继续使用 --output-hashing none 并创建一个 ScriptBundle在 AppStart/BundleConfig.cs 中，它将添加相同的功能，并在 bundle-name 中添加哈希值。

BundleConfig.cs:

            bundles.Add(new ScriptBundle("~/bundles/app").Include(
                "~/Scripts/app/runtime.js",
                "~/Scripts/app/polyfills.js",
                "~/Scripts/app/scripts.js",
                "~/Scripts/app/vendor.js",
                "~/Scripts/app/main.js"

                //you might want the styles.js here as well for DEBUG-only - I left them out of this example
            ));
#if DEBUG
#else
            BundleTable.EnableOptimizations = true;
#endif

索引.cshtml:

    @Scripts.Render("~/bundles/app")