javascript - Asp Core +Angular 4 +VS 2017，从 webpack 模板转移到其他东西

Question

我正在尝试将 Angular 4 + ASP Web Api 5 迁移到 ASP Core。我使用了 VS 2017 Angular 4 模板并添加了其余代码。

旧的应用程序使用 systemjs.config.js，新模板使用 webpack 但是使用新模板我遇到了很多问题:

jQuery plugins not working proprly (previously working)
On deploy I got new errors on angular libraries(previously working)

我的问题是:

除了 webpack，我可以使用其他 Angular 4 与 Asp Core Web Api+ VS 2017 的集成吗？

Answer 1

之所以会发生这种情况，是因为 webpack 将 jQuery(或任何库/脚本)包装在模块中的方式。这意味着像 window.$ 这样的东西在 Webpack 中默认是不可用的，因为 $ 变量被限制在一个特定的模块中。如果您在输出的代码中搜索 jQuery，您会看到这一点，它会被包裹在一些奇怪的东西中(即 commonjs 或 es6 模块等)。

要解决这个问题，您必须在 webpack(或垫片)中使用脚本加载器，这将允许您在全局上下文中加载脚本。除非你真的需要，否则你不应该这样做。正如其他人提到的那样，通常将 jQuery 与 Angular 一起使用是不明智的，因为您应该尽量避免使用 Angular 抓取 DOM(因为这就是为什么您可能会选择 Angular 作为开始的库)。如果通过 DOM 引用项目，Angular 的扩展(例如 AOT 编译)也可能会中断。

参见此处:https://webpack.js.org/guides/shimming/#other-utilities在这里:https://github.com/webpack-contrib/script-loader