Javascript 什么'；在网页包外部设置中，reactDom和reactDom之间存在差异

当我使用像这样的webpack设置时，ReactDOM将完全从bundle.js中排除

externals: {
        "react": "React",
        "react-dom": "ReactDOM"
    },

但一开始，我是这样写的

externals: {
        "react": "React",
        "reactDom": "ReactDOM"
    },

reactDom包含在bundle.js中，并添加了超过20k行代码

唯一不同的是我删除了“-”

我想我可以在外部键中使用任何名称，例如{“jq”：“jquery”}

但结果告诉我不是

---

那么到底是什么问题呢？

外部对象的属性由一个键和一个值组成。密钥的名称必须与用于定义从js文件引用的模块的名称相同

例如，当您在如下模块中引用React DOM时：

var ReactDOM = require("react-dom");

---

“externals”配置对象中属性的名称必须为“react dom”。只有这样，它才会从创建的包中被排除。

是的，我知道。但是我没有发现任何类似require（“react-dom”）react本身引用react-dom的代码。这可能是在自定义包中包含React DOM代码的原因。