在webpack 4的多个模块规则中，你只需要在你的.js规则中这样做:

{
     test: /\.(js)$/,
     loader: 'babel-loader',
     options: {
          presets: ['es2015'],    // or whatever
          plugins: [require('babel-plugin-transform-class-properties')], // or whatever
          compact: true    // or false during development
     }
},

这可能不是最初OP问题的情况，但是:如果您超过了默认的最大大小，这可能是您遇到的其他问题的症状。在我的情况下，我有警告，但最终它变成了一个致命错误:MarkCompactCollector:半空间复制，回调在旧代分配失败- JavaScript堆出内存。 原因是我动态地导入了当前模块，所以这最终导致了一个无休止的循环……

在react/redux/webpack/babel build中，通过删除脚本标签类型text/babel修复了此错误

有错误:

<script type="text/babel" src="/js/bundle.js"></script>

没有错误:

<script src="/js/bundle.js"></script>

这是我的通天塔结构:

module.exports = {
  presets: [['@babel/preset-env'], ['@babel/preset-react']],
  plugins: [
    [
      '@babel/plugin-transform-runtime',
      {
        corejs: 3,
      },
    ],
    // react hmr
    ['react-refresh/babel'],
  ],
};

我还遇到了这个问题，因为这些代码:

    [
      '@babel/plugin-transform-runtime',
      {
        corejs: 3,
      },
    ],

最后我用加法解决了这个问题

exclude: /node_modules/ 

in

      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: ['babel-loader'],
      },

对于那些使用最新webpack并在那里配置有选项属性的人。不能同时使用查询和选项。如果两者都存在，则会得到此错误

Error: Provided options and query in use

相反，向选项名称generatorOpts添加新属性，然后在其下面添加属性紧凑。

loaders: [
   { test: /\.js$/, loader: 'babel', option: { generatorOpts: { compact: false } } }
]

对于那些和我一起工作的人(比如我)。你需要像这样做

config.module.rules.filter((rule) => rule.use && rule.use.loader === 'next-babel-loader')
.map((loader) => {
    loader.use.options.generatorOpts = { compact: false };
    return loader;
});

以下三个选项中的任何一个都可以摆脱信息(但我认为原因和副作用不同):

排除node_modules目录或显式包含应用程序所在的目录(假定不包含超过100KB的文件) 将Babel选项压缩为true(实际上是除"auto"之外的任何值) 将Babel选项压缩为false(见上文)

上面列表中的#1可以通过排除node_modules目录或显式包括应用程序驻留的目录来实现。

例如，在webpack.config.js中:

let path = require('path');
....
module: {
     loaders: [
          ...
          loader: 'babel',
          exclude: path.resolve(__dirname, 'node_modules/')

．.． 或者使用include: path。解析(__dirname， 'app/')(同样在webpack.config.js中)。

上面列表中的#2和#3可以通过这个答案中建议的方法来完成，或者(我的偏好)通过编辑.babelrc文件来完成。例如:

$ cat .babelrc 
{
    "presets": ["es2015", "react"],
    "compact" : true
}

使用以下设置进行测试:

$ npm ls --depth 0 | grep babel
├── babel-core@6.7.4
├── babel-loader@6.2.4
├── babel-preset-es2015@6.6.0
├── babel-preset-react@6.5.0