Webpackでjquery-mobileを使用する

Question

これまでのwebpackを使用してjquery-mobileをロードしようとしています。 私はjquery-mobileがjquery-uiに依存していることを知っています.jquery-uiはjqueryに依存しています。

Webpackでこのようなシナリオを設定するにはどうすればよいですか？ここで

は私webpack.config.js次のとおりです。

var webpack = require('webpack'); 
var path = require('path'); 
var bower_dir = __dirname + '/bower_components'; 

module.exports = { 

    context: __dirname, 
    entry: './assets/js/index.js',   
    output: { 
     path: path.resolve('./assets/bundles/'), 
     filename: "[name]-[hash].js", 
    }, 
    plugins: [ 
     new BundleTracker({filename: './webpack-stats.json'}), 
     new webpack.ProvidePlugin({ 
      $: 'jquery', 
      jQuery: 'jquery', 
      'window.jQuery': 'jquery' 
     }) 
    ], 
    module: { 
     loaders: [ 
      {test: /[\/\\]node_modules[\/\\]some-module[\/\\]index\.js$/, loader: "imports?this=>window"} 
     ] 
    }, 
    resolve: { 
     alias: { 
      'jquery': bower_dir + '/jquery/src/jquery.js', 
      'jquery-ui': bower_dir + '/jquery-ui/jquery-ui.js', 
      'jquery-mobile': bower_dir + '/jquery-mobile/js/jquery.mobile.js' 
     } 
    } 
}; 

任意の助けもいただければ幸いです。

ありがとうございます。

Answer 1

必要なスクリプトを正しい順序で追加するだけであれば、webpackで心配する必要はありません。

あなたがしなければならないので、同様に、これらのモジュールは、外部参照からロードされていることをWebPACKの教えです：

{ 
    externals: { 
    'jquery': 'jQuery' 
    } 
} 

これはあなたが必要とするたびに（「jqueryの」）は、それが可能なグローバルを返しますWebPACKのを伝えます変数jQuery。