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

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

1 个答案: