关于babe-loader^8.0.6的配置问题

最新推荐文章于 2022-05-25 09:12:35 发布

原创最新推荐文章于 2022-05-25 09:12:35 发布 · 187 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#npm #babel #https #python #less

本文详细介绍了如何在项目中配置Babel插件@babel/plugin-transform-runtime以解决regeneratorRuntime未定义的错误，包括.babelrc配置、npm安装及webpack配置的调整，适合前端开发者参考。

1、报错报regeneratorRuntime is not defined 错误

.babelrc配置

{
    // https://babeljs.io/docs/en/babel-plugin-transform-runtime#options
    "plugins": [
        "@babel/plugin-transform-runtime"
    ],
    // https://babeljs.io/docs/en/babel-plugin-transform-runtime#options
    "presets": [
        [
            "@babel/preset-env"
        ]
    ]
}

　　npm安装

npm i @babel/plugin-transform-runtime @babel/preset-env @babel/runtime --save-dev

　　版本

"devDependencies": {
    "@babel/plugin-transform-runtime": "^7.7.6",
    "@babel/preset-env": "^7.7.7",
    "@babel/runtime": "^7.7.7",
　　 "babel-loader": "^8.0.6",
　　 "@babel/core": "^7.8.3",

},

webpack配置

module: {
    rules: [{
      test: /\.js$/,
      exclude: /(node_modules|bower_components)/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env'],
//"plugins": [

// "@babel/plugin-transform-runtime",{

　　　　//　　corejs:3

　　　　//}

],