javascript - 使用 CDN 的外部模块的 Webpack

Question

我正在将 React 与 Redux 结合使用作为应用程序，并使用 Webpack 进行捆绑。我想从 CDN 加载一些库而不是捆绑它们。这对于 React 和 ReactDOM 来说效果很好，但是如果没有全局导出，我就无法让它适用于 redux 和其他库。这是我当前 Webpack 配置中的外部部分:

       externals: [
          { "react": "React" },
          { "react-dom": "ReactDOM" },
          {
              "redux": {
                  commonjs: "redux",
                  commonjs2: "redux",
                  amd: "redux"
              }
          }
        ]

在 HTML 中，我引用了 redux CDN:

<script src="https://cdnjs.cloudflare.com/ajax/libs/redux/3.6.0/redux.min.js"></script>

这是我收到的错误:

Uncaught TypeError: Cannot read property 'combineReducers' of undefined
    at Object.__webpack_exports__.a (ui.ts:10)
    at __webpack_require__ (bootstrap 749616a…:19)
    ...

我对模块没有太多经验，所以也许我错过了一些简单的东西，或者这是不可能的。

Answer 1

尝试 Redux(而不是 redux)。 CDN 文件导出 Redux，这就是您在代码中引用它的方式。

externals: [
  { "react": "React" },
  { "react-dom": "ReactDOM" },
  { "redux": "Redux"}
]