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'
},