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

Question

我正在使用 babel 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

您仍然必须按照 React 热加载程序文档中的说明使用它。下面是 link

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

Answer 2

说 @babel/react-hot-loader 将 babel 在自身内部查找名为 react-hot-loader 的插件。据我所知，您尝试使用的 package/plugin 不是 babel 本身的 maintained/owned。因此 @babel/react-hot-loader 将不起作用。您应该根据您尝试使用的插件的文档配置 .babelrc。

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

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

Answer 3

我不这么认为，react-hot-loader 没有更新前缀定义的文档，我也找到了给定的例子 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" ] }