更改babel-preset-env错误翻译fetch语法配置

最新推荐文章于 2024-05-06 09:50:30 发布

原创最新推荐文章于 2024-05-06 09:50:30 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#babel #webpack.config.js

学习笔记专栏收录该内容

49 篇文章

订阅专栏

本文介绍了解决现代浏览器中fetch语法被babel-preset-env错误转换的问题。通过安装babel-plugin-transform-runtime并进行相应配置，确保fetch语法正确运行。

现代浏览器本身识别fetch语法，但是babel-preset-env会错误翻译它，因此需要安装另一个依赖修正。
babel-plugin-transform-runtime

$ npm install --save-dev babel-plugin-transform-runtime

安装依赖后，更改webpack.config.js

loader: "babel-loader",
            options: {
                "presets": ["env"],
                "plugins": [
                    [
                        "transform-runtime", {
                            "helpers": false,
                            "polyfill": false,
                            "regenerator": true,
                            "moduleName": "babel-runtime"
                        }
                    ]
                ]
            }

在使用比如vue-cli快速生成的框架中，是在.babelrc文件中添加

{
    "presets": [
        ["env",
        {
            "modules": false
        }],
        "stage-3"
    ],
    "plugins": [
        [
            "transform-runtime",
            {
                "helpers": false,
                "polyfill": false,
                "regenerator": true,
                "moduleName": "babel-runtime"
            }
        ]
    ]
}