Webpackコードの分割が期待どおりに機能しないのはなぜですか？

Question

グローバルにご利用いただけるのはjqueryです。.js/uploader.jsは、ご要望に応じて/loginと評価されています。これは私がしようとするものである：

index.js

require("./css/main.scss") 
$ = require("jquery") 
require.ensure(["./js/uploader"], function(require) { 
    if (window.location.pathname=='/login') { 
     var uploader = require("./js/uploader") 
    } 
}); 

webpack.config.js：

module.exports = { 
    entry: "./index.js", 
    output: { 
     path: '../wdksw/static/js', 
     publicPath: 'static/js/', 
     filename: "bundle.js", 
    }, 
    module: { 
     loaders: [ 
      { test: /\.css$/, loader: "style!css" }, 
      { test: /\.scss$/, loaders: ["style", "css", "sass"]}, 
     ], 

    } 
}; 

HTML：

<script type="text/javascript" src="/static/js/bundle.js"></script> 

しかし、私はある要求を行いますブラウザでは/loginではない1.bundle.jsも要求されています、これは私がしたいものではありません。では、私はどうしたらいいですか？何か不足していますか？

Answer 1

require.ensureがif文でなければなりませんあなた：

if (window.location.pathname == '/login') { 
    require.ensure(["./js/uploader"], function(require) { 
     var uploader = require("./js/uploader") 
    }); 
} 

今、あなたのバンドルがif文でのみ一致を条件に、あなたの頭に追加されます。