Разобраться с конфигурацией и плагинами babel

#webpack #jestjs #babeljs #babel-jest

#webpack #jestjs #babeljs #babel-шутка

Вопрос:

Я создаю приложение react SSR (с express) и решаю покрыть некоторый код тестами. Я начал с простого js (ES6 и без jsx), ничего особенного. Но после запуска npm-теста я иногда вижу такой результат

 @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"]
}
 

Комментарии:

1. "@babel/preset-react" это может не понадобиться, если вы используете только js

2. @bluehipy Я использую не только js. Файл, который я пытаюсь создать, — это js

Ответ №1:

Хорошо, я исправил это, прокомментировав строку «debug»: true в .babelrc. Я не думаю, что мне нужна стена текста в консоли каждый раз, когда я меняю тестовые примеры