Webpack带有babel loader的多个预设以及键值对

Question

---

工作时有一个问题，我发现很难为babel loader配置预设看看，让我知道要修复它需要做什么。我不会将整个webpack文件仅写在发现问题的部分文件中。任何帮助将不胜感激

 module: {
rules: [{
    test: /\.js?$/,
    use: {
      loader: 'babel-loader',
      options: {
        presets: [
          ['@babel/preset-env', {
            loose: true,
            modules: 'commonjs'
          }, 'es2015', 'react'],
        ],
        plugins: ['transform-es2015-template-literals'],
      },
    },
    include: new RegExp('/node_modules\/(' +
      '|acorn-jsx' +
      '|d3-array' +
      '|debug' +
      '|newspack-components' +
      '|regexpu-core' +
      '|unicode-match-property-ecmascript' +
      '|unicode-match-property-value-ecmascript)/'
    ),
  }]

Answer 1

您将es2015和react预设放在错误的位置（定义为'@babel/preset-env'预设）。

应该是：

presets: [
    [
        '@babel/preset-env',
        {
            loose: true,
            modules: 'commonjs'
        },
    ],
    'es2015',
    'react'
],