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

Posted 2023-03-08

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

【英文标题】：How to rename output.library option for each entry point in Webpack?

【发布时间】：2017-07-20 03:05:06

【问题描述】：

我想用 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”），但我希望每个包使用不同的库名称。

如何做到这一点？

【参考方案1】：

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

基本上，只需在其中输入[name]：library: '[name]'（类似于filename 选项）。