angular.js 的 ASP.NET 捆绑和缩小错误答案

【问题标题】：ASP.NET bundling and minification errors with angular.jsangular.js 的 ASP.NET 捆绑和缩小错误
【发布时间】：2021-07-20 18:11:24
【问题描述】：

我已经阅读了这里关于同一主题的大部分问题，但没有一个能解决我的问题。

所以基本上我们正在尝试在 .Net 代码中捆绑和缩小 AngularJs 文件。这是我们用来在BundleConfig.cs中捆绑我们的文件的代码

bundles.Add(new ScriptBundle("~/bundles/js/spa").IncludeDirectory(
                "~/App", "*.js", true
));
...
...
BundleTable.EnableOptimizations = true;

在浏览器中，这是我们看到的错误，其中包含许多没有意义的错误 - 实际存在时缺少半列，一切正常时出现运行时错误等。

/* Minification failed. Returning unminified contents.
(1746,27-35): run-time error JS1006: Expected ')': function
(1746,42): run-time error JS1004: Expected ';'
(1751,57): run-time error JS1004: Expected ';'
....
....

我真的不知道在哪里搜索问题？是 .Net 捆绑器还是 JS 代码？不能在 angularjs 代码中移动缩小。

.Net 框架版本：4.7。 AngularJs 版本："angular": "^1.8.0"

提前谢谢你！

【问题讨论】：

标签： javascript c# asp.net angularjs bundling-and-minification

【解决方案1】：

显然 ASP.Net 捆绑器不理解 ES6 语法。这意味着如果您的 .js 文件包含 ES6 语法，您将收到错误。

这个问题有几种可能的解决方案：

将整个捆绑/缩小逻辑完全移至前端应用程序
将代码转换为 Vanilla JavaScript，然后通过 ASP.Net 捆绑器运行它

【讨论】：

呃，感谢您发布此信息。我很想知道有关您决定采用哪种方法的更多详细信息。正如stackoverflow.com/q/64118160/2055511 中的建议，尝试过 Webpack 或 Rollup？