webpack - 在 Webpack 中是否可以有多个具有多个相对输出的子目录入口点

Question

是否可以为每个子目录设置一个入口点，然后输出到一个相对的构建文件夹。结果将是一个类似的结构：

 blockholder
│
│
├── package.json
├── webpack.config.js
│
│
├── block1
│   ├── index.js
│   └── build
│           └── index.build.js
│
└── block2
    ├── index.js
    └── build
            └── index.build.js

多个文件夹，每个文件夹都有自己的条目和构建。

Answer 1

是的。可以在单个 webpack 配置文件中设置多个配置。

如果您在配置文件中使用数组，则将构建该配置中的所有配置。

小例子：

module.exports = [
{
  entry: {
    block1: "./block1/index.js"
  },
  output: {
    filename: "[name].build.js",
    path: path.resolve(__dirname, "block1/build")
  }
}, 
{
  entry: {
    block2: "./block2/index.js"
  },
  output: {
    filename: "[name].build.js",
    path: path.resolve(__dirname, "block2/build")
  }
}]

如果您的配置对于每个捆绑包都相同，我认为您也可以使用单个配置，如下所示：

module.exports =
{
  entry: {
    block1: "./block1/index.js"
    block2: "./block2/index.js"
  },
  output: {
    filename: "./[name]/build/[name].build.js"
  }
}