Angular + Webpack + jQuery。配置文件在哪里？答案

【问题标题】：Angular + Webpack + jQuery. Where is the configuration file?Angular + Webpack + jQuery。配置文件在哪里？
【发布时间】：2018-03-09 17:54:03
【问题描述】：

我正在使用 Angular 4。

@angular/core: 4.3.6

我正在研究使用expose-loader 将jQuery 公开为全局变量。多个答案建议通过安装和编辑

来使用 expose-loader

webpack.config.js

文件。

虽然，我似乎无法在我的 Angular 4 应用程序文件树中找到它。

有什么想法吗？

【问题讨论】：

好吧，如何你捆绑你的 Angular 应用程序？答案假定为 webpack 配置文件的标准名称。
没有完全遵循。我使用标准的“ng build”构建应用程序，并使用“ng new ...”创建了应用程序。你问的是这个吗？
如果你使用 CLI，webpack 配置不会暴露。这是 CLI 的特性。您必须弹出配置才能执行您想要的操作：ng eject。
希望您在 Angular 应用程序中使用 jQuery 的原因是想使用一些依赖 jQuery 的 ui 小部件，否则最好避免使用 jQuery。
哦，不知道只有ng eject暴露了webpack配置。是的，我使用 jQuery 只是为了它的功能优势，并且 ui 小部件不矛盾或违背角度原则/意识形态:)

【解决方案1】：

我不会为了添加jQuery而推荐@987654321@webpack.config
你可以通过这样做来避免这种情况：

npm install jquery --save
npm install @types/jquery --save-dev

然后将其导入 .angular-cli.json scripts 部分

"scripts": [
    "../node_modules/jquery/dist/jquery.min.js"
],

你应该没事
将其用作import * as $ from 'jquery';

【讨论】：

【解决方案2】：

【讨论】：

【解决方案3】：

需要安装jQuery类型定义文件：

npm install @types/jquery

另外，在您的webpack.config.js 文件中：

plugins: [
  new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery"
}),

【讨论】：