使用webpack和babel将ES6转ES5文件javascript但是不行

Question

我使用 webpack 和 babel 将 ES6 转换为 ES5 文件 javascript，但它不起作用。文件代码javascript包含很多函数。

这是文件 webpack.config.cjs:

module: {
        rules: [
            {
                use: {
                    loader: 'babel-loader', // Use babel-loader for transpilation
                }
            }
        ]
    }

当我使用原始文件时，它工作正常，但是当我在使用 webpack 后使用缩小文件时，它返回错误“handleChange is not function”... 我需要做什么来修复它？谢谢

Answer 1

我在 webpack.config 中的代码：

  {
    test: /\.js$/,
    exclude: /node_modules/,
    use: {
      loader: "babel-loader",
      options: {
        presets: ["@babel/preset-env"],
      },
    },
  },

我的package.json中的代码：

"@babel/core": "^7.23.0",
"@babel/preset-env": "^7.22.20",

对你有用吗？看起来您的代码中缺少预设。

上面的代码应该添加到

rules

数组