使用Webpack捆绑多个模块要使用的外部文件

Question

我正在构建将安装在项目中的模块。 它们具有相似的依赖关系，这会导致使用webpack将依赖关系打包多次打包。 因此，我将依赖关系视为外部的。

例如：

external: {
    'react':'react',
    'react-dom':'react-dom'
}

但是现在，我正在努力寻找一种将依赖项捆绑到可以与模块一起使用的通用js文件中的方法。

Answer 1

在您的Webpack中使用以下格式进行外部配置：

// Exclude React from the bundle, must be react and react-dom here otherwise will not be excluded
externals: {
  react: {
    root: 'React',
    commonjs2: 'react',
    commonjs: 'react',
    amd: 'react',
    umd: 'react',
  },
  'react-dom': {
    root: 'ReactDOM',
    commonjs2: 'react-dom',
    commonjs: 'react-dom',
    amd: 'react-dom',
    umd: 'react-dom',
  },
},

您可以在主（顶部）应用程序中包含和使用所有外部库。

不确定这是否是您的情况。 可能会知道更多。