【问题标题】:Can't find the proper configuration for .babel and react-hot-loader找不到 .babel 和 react-hot-loader 的正确配置
【发布时间】:2023-03-07 00:21:01
【问题描述】:

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

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

【问题讨论】:

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


    【解决方案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" ] }

    【讨论】:

      【解决方案2】:

      @babel/react-hot-loader 将让babel 在其内部查找名为react-hot-loader 的插件。据我所知,您尝试使用的包/插件不是由babel 本身维护/拥有的。因此@babel/react-hot-loader 将不起作用。您应该根据您尝试使用的插件的文档配置您的 .babelrc

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

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

      【讨论】:

      【解决方案3】:

      您仍然必须按照 react hot reloader 文档中的说明使用它。下面是链接

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

      【讨论】:

        猜你喜欢
        • 2016-07-28
        • 2016-07-31
        • 2016-05-30
        • 1970-01-01
        • 2020-06-05
        • 2015-12-03
        • 2017-11-30
        • 2018-04-12
        • 2019-07-27
        相关资源
        最近更新 更多