2017-01-18 177 views
1

好吧,所以我正在正確分割我們的JS在一堆異步加載的塊。Webpack 2代碼分裂與System.import:依賴關係的依賴

我在幾個入口點使用import,那偉大工程:

module.exports = Promise.all([ 
    import('moment'), 
    import('some-other-module') 
]).then((deps) => { 
    let [moment, someOtherModule] = deps; 
} 

和其他地方:

module.exports = Promise.all([ 
    import('moment'), 
]).then((deps) => { 
    let [moment] = deps; 
} 

的WebPack成功創建momentsome-other-module 單獨的塊,並加載文件異步需要的時候。

但是:

some-other-module實際上需要moment爲好,使的WebPack包括momentsome-other-module的塊,導致重複。

這是預期的行爲?如果是這樣,那麼推薦的解決方案是什麼?

回答

0

我添加的代碼,以我的插件webpack.config的部分如下線,如並行

new webpack.optimize.CommonsChunkPlugin({ 
    async: true 
}) 

需要,您可以看到此頁面上CommonsChunkPlugin異步的描述分離的依賴關係並加載它們 https://webpack.js.org/plugins/commons-chunk-plugin/