webpack 多个输入文件和多个输出文件

Question

我正在创建一个非 SPA 网站并想使用 webpack，但是当我有多个输入文件和多个输出文件时，我无法实现这种情况。
我的输入文件具有结构:
-/front -app.js -/js -main.js -login.js
我希望输出是:
-/web -/bundles -main.js -login.js
这是我的 webpack.config.js 的开头:

module.exports = {
    context: path.resolve('src/front'), // main webpack folder
    entry: ["./app.js"],
    output: {
        filename: "./web/bundles/[name].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'
},