Сплит импортированных файлов поставщика в комплект поставщика

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. Однако для некоторых яваскрипта библиотек, которые не 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 сборки экспромты из пути к абс пачке поставщика.

Но импорт работал только при наличии index.js, поэтому, прежде чем необходимо переименовать модуль файла поставщика для index.js с WebPack копирования плагина или использовать любые задачи сценария для экземпляра глотком задачи.