找不到.babel和react-hot的正确配置

Question

我用的是巴别塔7。

在他们的文档中，他们提到插件的新名称是带有@babel/前缀的。

React-hot-loader babrlrc配置建议为：

{
  "plugins": ["react-hot-loader/babel"]
}

我的.babelrc配置是：

{
  "presets": ["@babel/env", "@babel/react"],
  "env": {
    "development": {
      "plugins": ["@babel/react-hot-loader"]
    },
    "production": {}
  }
}

假设@babel/react-hot-loader是正确的定义是正确的吗？

我找不到更多关于它的文档。

Answer 1

说@babel/react-hot-loader将让babel在自己内部寻找一个名为react-hot-loader的插件。据我所知，您尝试使用的包/插件并不是由babel本身维护/拥有的。因此，@babel/react-hot-loader将无法工作。您应该按照您尝试使用的插件的文档配置您的.babelrc。

我想这就是您在问题中提到的插件：react-hot-loader

按照以下设置说明进行操作：react-hot-loader/getting-started

Answer 2

你仍然需要按照react have文档中提到的那样使用它。下面是链接

https://github.com/gaearon/react-hot-loader#user-content-add-babel-before-typescript

Answer 3

我不这么认为，react-hot不会更新前缀定义的文档，我也在这里找到了示例https://github.com/gaearon/react-hot-loader/blob/master/examples/typescript/.babelrc

对其他插件使用babel 7前缀，但对react-hot-loader仍然如此

{ "plugins": [ "@babel/plugin-syntax-typescript", "@babel/plugin-syntax-decorators", "@babel/plugin-syntax-jsx", "react-hot-loader/babel" ] }