javascript - 如何重命名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”)，但我希望每个包使用不同的库名称。

如何做到这一点？

Answer 1

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

基本上，只需将 [name] 放入其中即可:library: '[name]'(类似于 filename 选项)。