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")
  }
}]

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

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

Webpack 中是否可能有多个子目录入口点和多个相关输出

Is it possible in Webpack to have multiple subdirectory entry points with multiple relative outputs

webpack

entry-point

multiple-entries