2016-10-06 3 views
1

jQueryやBootstrapのJavaScriptファイルなどのサードパーティ製のスクリプトファイルをReact/Reduxアプリケーションに組み込むのに数時間かかってきましたが、Bootstrapのドロップダウン働くwebpackでReact/Reduxアプリケーションにサードパーティのスクリプトをインポートする

私はベースとしてリポジトリhereを使用し、私は私の唯一の手がかりであるコードのwebpack.config.js次作品で見ることができます:

// ------------------------------------ 
// Loaders 
// ------------------------------------ 
// JavaScript/JSON 
webpackConfig.module.loaders = [{ 
    test : /\.(js|jsx)$/, 
    exclude : /node_modules/, 
    loader : 'babel', 
    query : config.compiler_babel 
}, { 
    test : /\.json$/, 
    loader : 'json' 
}] 

私はWebPACKのを知らないと私はのための十分な何が明確見つけます私は今のところです。 私はindex.htmlファイルに含めてみましたが、それは、jQueryのを使用するためにsrc/static/scripts/

+1

ダウンロードjqueryのをとNPMによるブートストラップあなたはwebpackを使って何もする必要はありません。必要な場所にインポートするだけです.... 'npm install jquery' ......' import $ from 'jquery'' – azium

答えて

0

に格納されているこれらのファイルを、発見したことがないのWebPACKのプラグイン定義に次のものがあります。

plugins: [ 
    ... 
    new webpack.ProvidePlugin({ 
    $: "jquery", 
    jQuery: "jquery", 
    "window.jQuery": "jquery" 
    }), 
    ... 
], 
関連する問題