Importierte Herstellerdateien in ein Lieferantenbündel aufteilen

Question

Mit Webpack wird die Codeaufteilung auf verschiedene Bundles unterstützt. Eine der Optionen besteht darin, eine Reihe von Modulen anzugeben, die Sie als Splitpunkt auswählen möchten.

von here Genommen:

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") 
 
    ] 
 
};

Dies zeigt, wie Module aufgeteilt wie jquery zu. Doch für einige Javascript-Bibliotheken, die nicht in node_modules sind, die in einem eher traditionellen Setup wie existieren können:

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

Was würde Ich mag es, diese Dateien in den Lieferanten-Bundle zu bewegen, kann aber nicht herausfinden, wie zu spezifizieren diese Dateien im Lieferanteneingangspunkt.

Answer 1

Sie abs Pfad festlegen 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") 
    ] 
}; 

und webpack build lib von abs Pfad zum Anbieter Bündel Hersteller.

Aber Import funktioniert nur, wenn index.js existieren, so, bevor Sie sollten Anbieter Datei-Modul index.js mit webpack Kopie Plugin umbenennen oder jede Aufgaben Skript zum Beispiel schluck Aufgabe verwenden.