如何在Webpack配置中创建多个输出路径

Question

    output: {
      path: __dirname + "/js",
      filename: "scripts.min.js"
    }

var entryPointsPathPrefix = './src/javascripts/pages';
var WebpackConfig = {
  entry : {
    a: entryPointsPathPrefix + '/a.jsx',
    b: entryPointsPathPrefix + '/b.jsx',
    c: entryPointsPathPrefix + '/c.jsx',
    d: entryPointsPathPrefix + '/d.jsx'
  },

  // send to distribution
  output: {
    path: './dist/js',
    filename: '[name].js'
  }
}

然而，在我的例子中，就字体文件而言，输入过程有点抽象，我只知道输出。在我的其他文件正在进行转换的情况下，有一个已知的点，我要求它们由我的加载器处理。如果有一种方法可以找出这一步发生的位置，那么我可以使用哈希方法自定义输出路径，但我不知道这些文件需要在哪里。

Answer 1

Webpack确实支持多个输出路径。

将输出路径设置为输入键。并使用名称作为输出模板。

webpack配置：

entry: {
    'module/a/index': 'module/a/index.js',
    'module/b/index': 'module/b/index.js',
},
output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].js'
}

└── module
    ├── a
    │   └── index.js
    └── b
        └── index.js