处理 babel 配置和插件

编程问答 2022-05-23

问题描述

我正在构建 react SSR（使用 express）应用程序并决定用测试覆盖一些代码。我从简单的 js（ES6 和没有 jsx）开始，没什么大不了的。但是在运行 npm test 之后，我有时会看到这样的输出

@babel/preset-env: `DEBUG` option

Using targets:
{}

Using modules transform: auto

Using plugins:
  proposal-numeric-separator {}
  proposal-logical-assignment-operators {}
    <another plugins (dozens of them)>
  transform-modules-commonjs {}
  proposal-dynamic-import {}

Using polyfills with `usage` option:

[/<path>/file.js] Added following core-js polyfills:
  es.number.constructor {}
  es.number.is-integer {}
  es.number.to-fixed {}

无论是否通过测试。它只是出现并且让我很恼火。我该如何处理这些消息？

在我的webpack.config.js

const js = {
  test: /\.(js|jsx)$/,exclude: /node_modules/,use: {
    loader: 'babel-loader',options: {
      presets: ['@babel/preset-env','@babel/preset-react'],plugins: ['@babel/plugin-proposal-class-properties']
    }
  },resolve: {
    modules: ['src','node_modules'],extensions: ['.jsx','.js'],unsafeCache: true,alias: {}
  }
};

.babelrc

{
  "presets": [
    [
      "@babel/preset-env",{
        "debug": true,"useBuiltIns": "usage","corejs": 3
      }
    ],"@babel/preset-react"
  ],"plugins": ["@babel/plugin-proposal-class-properties","@babel/plugin-transform-runtime"]
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

babel-jestbabeljsjestjswebpackwebpackwebpack