webpack複数の入力ファイルと複数の出力ファイル

Question

SPA以外のWebサイトを作成していてwebpackを使いたかったのですが、複数の入力ファイルと複数の出力ファイルがあると状況が悪化します。 私の入力ファイルは、構造を有する：ここで私のwebpack.config.jsの始まりだ

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

：

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

です

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

を、私は出力になりたいです達成することさえできますか？

ここで、app.js内のすべての必須ファイルは、/ web/bundlesフォルダ内のmain.jsという名前でバンドルされています。それを変更するには？このような

Answer 1

使用複数のエントリポイント：

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