Webpack/Wie bündle ich JS-Dateien nicht im Dev-Modus?

Question

Grundsätzlich besteht der Hauptpunkt von Webpack darin, alle geparsten JS-Dateien in eine bundle.js zu bündeln.

Im Dev-Modus möchte ich Zugriff auf jedes JS separat haben. Ich möchte nicht, dass sie in einer Datei gebündelt werden.

Gibt es eine Möglichkeit zu verhindern, dass Webpack im Dev-Modus Dateien in bundle.js concat eingibt?

Ich möchte A.js sehen, B.js, C.js wenn ich öffnen Sie den Quellcode der Seite in dev-Modus und nicht bundle.js, die sie sammelt.

Answer 1

Eine Sache, die mir in den Sinn kommt, ist, dass Sie die Ein- und Ausgabeeigenschaften des Webpacks konfigurieren können. Auf diese Weise weisen Sie webpack an, jeden Eintrag einzeln zu behandeln, und Sie erhalten Ausgabedateien mit den Namen des "Schlüssels" im Eintragsobjekt. Siehe zum Beispiel unten:

// webpack.dev.js 

entry: { 
    A: 'src/js/A.js', 
    B: 'src/js/B.js', 
    C: 'src/js/C.js' 
}, 

output: { 
path: 'dist', 
filename: '[name].js' 
} 

Dies wird A.js, B.js und C.js.

Weitere Informationen aus der Dokumentation hier: https://webpack.github.io/docs/configuration.html#entry