Question

externals: {
      'react-redux': 'ReactRedux',
      'react-dom': 'ReactDOM',
      'react': 'React',
      'jquery': 'jQuery',
      'redux': 'Redux'
  }

Answer 1

我用过这个

externals: [{
  'react': {
    root: 'React',
    commonjs2: 'react',
    commonjs: 'react',
    amd: 'react'
  }
}, {
  'react-dom': {
    root: 'ReactDOM',
    commonjs2: 'react-dom',
    commonjs: 'react-dom',
    amd: 'react-dom'
  }
}]

在我的开源组件react-lazy中，查看完整webpack配置文件的repo。

Answer 2

来自Webpack Docs：

externals允许您指定库的依赖项，这些依赖项不是由webpack解析的，而是成为输出的依赖项。这意味着它们是在运行时从环境中导入的。

也是推荐配置的示例：

{
    output: {
        // export itself to a global var
        libraryTarget: "var",
        // name of the global var: "Foo"
        library: "Foo"
    },
    externals: {
        // require("jquery") is external and available
        //  on the global var jQuery
        "jquery": "jQuery"
    }
}

如何在webpack中使用外部？

2 个答案: