Webpack mehrere Eingabedateien und mehrere Ausgabedateien

Question

Ich erstelle eine non-SPA-Website und wollte Webpack verwenden, aber ich kann nicht Situation erreichen, wenn ich mehrere Eingabedateien und mehrere Ausgabedateien haben. Meine Eingabedateien hat Struktur:

-/front -app.js -/js -main.js -login.js

und ich möchte ausgegeben werden:

-/web -/bundles -main.js -login.js

hier fängt meiner webpack.config.js:

module.exports = { 
    context: path.resolve('src/front'), // main webpack folder 
    entry: ["./app.js"], 
    output: { 
     filename: "./web/bundles/[name].js" 
    }, 

Ist es sogar erreichbar?

Jetzt sind nur alle erforderlichen Dateien in app.js Bundles unter dem Namen main.js im Ordner/web/bundles. Wie man es ändert?

Answer 1

Verwenden Sie mehrere Einstiegspunkte wie folgt aus:

entry: { 
    app: './app', 
    main: './js/main.js', 
    login: './js/login.js', 
}, 
output: { 
    path: path.join(__dirname, './public'), 
    filename: '[name].js' 
},