如何为 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 选项）。

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

How to rename output.library option for each entry point in Webpack?

javascript

node.js

webpack

webpack-2