webpack5使用core-js按需兼容js “presets“: [ [“@babel/preset-env“, { “useBuiltIns“: “usage“, “corejs“:

问题描述：在设置core-js的版本时打包报错ERROR in ./src/index.jsModule build failed (from ../node_modules/_babel-loader@8.2.2@babel-loader/lib/index.js):Error: [BABEL] D:\Webpack\12js的兼容性处理\src\index.js: Unknown option

喵喵虫

2072人浏览 · 2021-08-17 23:58:59

喵喵虫 · 2021-08-17 23:58:59 发布

问题描述：

在设置core-js的版本时打包报错

ERROR in ./src/index.js
Module build failed (from ../node_modules/_babel-loader@8.2.2@babel-loader/lib/index.js):
Error: [BABEL] D:\Webpack\12js的兼容性处理\src\index.js: Unknown option: .useBuiltIns. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.
- Maybe you meant to use
"presets": [
  ["@babel/preset-env", {
  "useBuiltIns": "usage",
  "corejs": {
    "version": 3

原因分析：

是不是babel的版本过高，还是corejs的版本过高最后发现是写法错误

解决方案：

应该babel/preset-env是在一块多加一个[]

      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: [
              // 开始
              [
                '@babel/preset-env',
                {
                  useBuiltIns: 'usage',
                  corejs: {

                    version: 3,
                  },

                  targets: {
                    chrome: '60',
                    firefox: '60',
                    ie: '9',
                    safari: '10',
                    edge: '17',
                  },
                },
              ],
              // 结束
            ],
          },
        },
      },