如何配置 Webpack 输出以仅包含特定捆绑包的某些选项答案

【问题标题】：How can I configure Webpack output to include some options only for a particular bundle如何配置 Webpack 输出以仅包含特定捆绑包的某些选项
【发布时间】：2018-10-11 14:18:46
【问题描述】：

我有一个构建多个包的 Webpack 4，我想为单个包附加输出选项 libraryTarget 和 library。

所以默认情况下它看起来像这样：

output: {
    path: path.resolve(__dirname, 'dist/js'),
    filename: '[name].[chunkhash].js',
  },

除了单个捆绑包，我需要以下内容：

output: {
    path: path.resolve(__dirname, 'dist/js'),
    filename: '[name].[chunkhash].js',
    libraryTarget: 'var',
    library: '[name]'
  },

这可能吗？我在文档中没有看到示例

【问题讨论】：

没有。您必须使用不同的 webpack 配置文件来构建它们。库目标适用于库本身。

标签： javascript webpack webpack-4

【解决方案1】：

您不能按照您的要求做，但您可以将现有配置用作“通用”配置，并使用 webpack-merge 将其扩展为另一个配置：

// e.g. webpack.config.your-lib.js
module.exports = merge(require('./webpack.config.common.js'), {
  // ...entry changes...
  output: {
    libraryTarget: 'var',
    library: '[name]',
  }
})

不要忘记对上面的entry 进行修改，以便新配置仅构建预期的库包。

【讨论】：