角度+ Webpack + jQuery。設定ファイルはどこにありますか？

Question

私は公開-ローダーをグローバル変数としてのjQueryを公開するために使用するに探しています角度4.

@angular/core: 4.3.6 

を使用しています。そして、複数回答が公開ローダーをインストールし、

webpack.config.js 

ファイルを編集して使用することをお勧め。

私は、角度4のアプリファイルツリーでそれを見つけることはできません。

どのような考えですか？

npm install @types/jquery 

そしてまた、あなたのwebpack.config.jsファイルに：

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

Answer 1

私はちょうどjQueryを追加するために--ejectwebpack.configにお勧めしませんあなたはjQueryのタイプ定義ファイルをインストールする必要が

Answer 2

こうするだけで回避できます。

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

はその後.angular-cli.jsonscriptsセクション

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

に、あなたがimport * as $ from 'jquery';

Answer 3

1. としてjQueryの

   npm install --save jquery 
   

2. は、jQueryのタイプをインストールしますことを
   使用罰金であることをインポートします型チェックの定義。

   npm install --save-dev @types/jquery 
   

3. アンギュラcli.jsonファイル内の「スクリプト」配列にjqueryのファイルの参照を追加します。

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

4. 使用する任意のコンポーネントのjqueryをインポートします。

   import * as jQuery from 'jquery';