javascript - Webpack外部设置中的reactDom和react-dom有什么区别

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

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

但是起初我是这样写的

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

和reactDom包含在bundle.js中，并添加了超过2万行代码

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

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

但结果告诉我不

那到底是怎么回事？

最佳答案

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

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

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

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