时间戳

首页 > 解决方案 > 处理 babel 配置和插件

webpack - 处理 babel 配置和插件

问题描述

我正在构建 React SSR (with 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"]
}

标签： webpackjestjsbabeljsbabel-jest

解决方案

好的，我通过在.babelrc中注释"debug": true line 来修复它。我认为每次更改测试用例时都不需要控制台中的一堵文字墙

推荐阅读