將導入的供應商文件拆分爲供應商軟件包

Question

使用Webpack，支持將代碼拆分爲不同的軟件包。其中一個選項是指定一組您希望選擇爲分割點的模塊。

從here摘自：

var webpack = require("webpack"); 
 

 
module.exports = { 
 
    entry: { 
 
    app: "./app.js", 
 
    vendor: ["jquery", "underscore", ...], 
 
    }, 
 
    output: { 
 
    filename: "bundle.js" 
 
    }, 
 
    plugins: [ 
 
    new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"vendor.bundle.js") 
 
    ] 
 
};

這顯示瞭如何打出模塊，如jquery。然而，選擇那些在更傳統的設置存在像一些JavaScript庫中沒有的node_modules：

/src /lib /vendor /fooLibrary fooLibrary.js fooLibrary.css

我想什麼是將這些文件移動到供應商的捆綁，但可以不知道如何指定這些文件在供應商入口點。

Answer 1

您可以設置絕對路徑到供應商的lib

var webpack = require("webpack"); 

module.exports = { 
    entry: { 
    app: "./server.js", 
    vendor: ["/mylib/"], 
    }, 
    output: { 
    filename: "bundle.js" 
    }, 
    plugins: [ 
    new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"vendor.bundle.js") 
    ] 
}; 

和構建的WebPack從LIB ABS路徑廠商捆綁。

但是進口只工作是否存在index.js，所以之前你應該重命名供應商檔案模塊與複製的WebPack插件index.js或使用例如一飲而盡任務的任何任務的腳本。