WebPackバンドルをオンデマンドで動的にロードする

Question

webpack 1.14.0を使用してアプリケーションをバンドルしています。現在、バンドルを動的にオンデマンドでロードする必要があるアプローチを探しています。

私たちの要件は、バンドルからreadme.mdファイルとexample.mdファイルを動的にロードすることです。私はrequire.ensureを使用しようとしています は、以下の下、私はWebPACKのコマンドを実行すると、私はバンドルを見ることができる午前私のWebPACKの設定

module.exports = { 
    entry: ["./app.js"], 
    output: { 
     filename: "bundle.js" 
    }, 
    module:{ 
     loaders:[ 
      { 
       test:/\.es6$/, 
       exclude : "node_modules", 
       loader:"babel-loader" 
      } 
     ] 
    }, 
    resolve:{ 
     extensions :['', '.es6','.js'] 
    } 
} 

である私は

//app.js entry point for webpack config 
require("./login"); //sample login file just contains console log stmnt. 

window.clickButton = function() { 
    require.ensure(['./ensureTest'], function (require) { 

     var a = require('./ensureTest'); 

    }); 

} 
console.log("App Loaded"); 

//ensureTest.js testing to load this module dynamically on demand 
define([], function(){ 
    console.log("Loaded ensure runtime"); 
}); 

をしようとしていたサンプルです。 jsと1.bundle.jsファイルが作成されました。 ボタンをクリックしているときに問題が発生しました。最初に表示されるのは、1.bundle.jsから表示されている「Loaded ensure runtime」メッセージです。

ボタンをもう一度クリックすると「ロード済みランタイムを保証する」

私の全体的な動機はバンドルとそのモジュールを動的にロードすることです。

Answer 1

私はあなたが一度だけそれをロードできると確信しています。読み込んだら、すでにそこにあるので、console.logは再び呼び出されません。