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

时间:2018-08-07 17:28:12

标签: javascript reactjs npm babeljs react-hot-loader

我正在使用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是正确的定义是否正确?

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

3 个答案:

答案 0 :(得分:2)

@babel/react-hot-loader会使babel本身看起来像一个名为react-hot-loader的插件。据我所知,您要使用的软件包/插件不是babel本身所维护/拥有的。因此@babel/react-hot-loader将不起作用。您应该根据要使用的插件的文档来配置.babelrc

我认为这是您在问题中所指的插件:react-hot-loader

请遵循以下设置说明:react-hot-loader/getting-started

答案 1 :(得分:1)

您仍然必须按照React Hot Reloader文档中所述使用它。下面是链接

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

答案 2 :(得分:1)

我不这样认为,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" ] }