mehrere Bündel mit webpack

Question

Lassen Sie uns sagen, dass ich eine Bibliothek wie dieses:

src 
--- component1 
-------- component1.scss 
-------- component1.js 

--- component2 
-------- component2.scss 
-------- component2.js 

und ich möchte jede Komponente als eigenständiges Paket verteilen, nicht als ein gemeinsames Bündel für die ganze app (Teil1 + Teil2 + etc):

dist 
--- component1 
-------- bundle1.js 

--- component2 
-------- bundle.js 

Ist dies erreichbar mit nur nur eine webpack Konfigurationsdatei oder muss ich einen Eintrag/ouput für jede Komponente definieren?

Dank!

Answer 1

Sie mehrere Einstiegspunkte verwenden kann dies achive und teilen Sie Ihre Code

{ 
    entry: { a: "./a", b: "./b" }, 
    output: { filename: "[name].js" }, 
    plugins: [ new webpack.optimize.CommonsChunkPlugin("init.js") ] 
} 

https://webpack.github.io/docs/code-splitting.html#running-multiple-entry-points

Brocken