如何为Webpack中的每个入口点重命名output.library选项？

Question

我想用Webpack编译多个入口点，但它将相同的库名称应用于所有输出包。我希望每个包都有不同的库名。

例如，这是我的webpack.config.js的一部分：

entry: {
    app: "./src/app.tsx",
    editor: "./src/modes/editor.ts",
},

output: {
    path: path.resolve(__dirname, '..', 'build'),
    filename: "[name].js",
    libraryTarget: 'amd',
    library: 'app',
},

每个捆绑包都使用output.library选项（＆＃34; app＆＃34;），但我希望每个捆绑包使用不同的库名称。

如何做到这一点？

Answer 1

啊，网站上没有记录，但这个例子说明了如何：https://github.com/webpack/webpack/tree/master/examples/multi-part-library

基本上，只需将[name]放在那里：library: '[name]'（类似于filename选项）。