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

Question

我正在使用Angular 4。

@angular/core: 4.3.6

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

webpack.config.js

文件。

虽然，我似乎无法在我的角度4 app文件树中找到它。

有什么想法吗？

Answer 1

我不建议--eject webpack.config只是为了添加jQuery
你可以通过这样做来避免这种情况：

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';

Answer 2

1. 安装jQuery

   npm install --save jquery
   

2. 安装jQuery类型定义以进行类型检查。

   npm install --save-dev @types/jquery
   

3. 在＆＃34;脚本＆＃34;中添加jquery文件的引用angular-cli.json文件中的数组。

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

4. 在您要使用的任何组件中导入jquery。

   import * as jQuery from 'jquery';
   

Answer 3

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

webpack.config.js

还有，在plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }), 文件中：

{{1}}