WebpackのProvidePluginで宣言されている未解決の変数に対してTypeScriptがWebpack構築を中断するのを防ぐにはどうすればいいですか？

Question

実際に既にwebpackのProvidePlugin設定で設定されている未解決の変数について、typescriptコンパイラが起動した後、WebPackの構築プロセスが失敗するのを防ぐ方法はありますか？

{ 
    "compilerOptions": { 


    "target": "es5", 
    "module": "commonjs", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": false, 
    "suppressImplicitAnyIndexErrors": true, 
    "declaration": false 
    }, 
    "exclude": [ 
    "node_modules", 
    "typings/main", 
    "typings/main.d.ts" 
    ] 
} 

https://webpack.github.io/docs/list-of-plugins.html#provideplugin

tsconfig.json

webpack.config.js

plugins: [ 
... 
new webpack.ProvidePlugin({ 
      $: "jquery", 
      jQuery: "jquery", 
      "window.jQuery": "jquery", 
      "_": "underscore", 
      "underscore": "underscore" 
      //'process.env.NODE_ENV': '"development"' 
     }), 

] 

私の経験から、typescriptですが、変数が注入されるのを認識しません結果としてビルドは完了しません。

これは、ビルドの出力

ERROR in ./src/file1.component.ts 
(77,9): error TS2304: Cannot find name '$'. 

ERROR in ./src/file2.component.ts 
(78,13): error TS2304: Cannot find name '$'. 

ERROR in ./src/file3.ts 
(155,15): error TS2304: Cannot find name 'jQuery'. 

ERROR in ./src/file4.ts 
(108,9): error TS2304: Cannot find name '$'. 

Answer 1

私が正しくProvidePluginを理解していれば、あなたはまだjQueryのを宣言し、モジュール（外観または別名）としてアンダーしている必要があります。次に、あなただけのこれらのライブラリの定義（.d.ts）ファイルを提供する必要が

import * as $ from 'jquery'; 
import * as _ from 'underscore'; 

：

そこで私は活字体にそれらのモジュールをロードするようにお勧めします。その目的で私はtypingsをお勧めします。

typings install jquery --global 
typings install underscore --global 

私はあなたが自動的にそれを扱うでしょうts-loaderを使用していると仮定。

importステートメントを避けたい場合でも、入力の定義を持つライブラリを宣言することはできます。

か、独自の簡易申告作成することができます。

declare var jQuery: any; 
declare var $: any; 

を