如何为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选项（“app”），但我希望每个捆绑包使用不同的库名称。

这该怎么做呢？

- trusktr

Answer 1

啊，这个在网站上没有记录，但是这个例子可以展示如何做：https://github.com/webpack/webpack/tree/master/examples/multi-part-library。

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

- trusktr