webapck优化-coreJS解决JS兼容性问题（21）_core.js兼容低版本

作者：繁依Fanyi0 | 2024-05-26 03:29:29

踩

core.js兼容低版本

前言

babel使用智能预设确实能解决一些ES6语法向ES5转换，但是像promise，include等语法Babel是无法解决，一旦遇到低版本浏览器，可能会报错。

core-js是专门用来解决ES6及以上的API的polyfill。
polyfill是补丁的意思，就是社区上提供的一段代码，让我们在不兼容某些新特性的浏览器上能够使用新特性。

下载依赖：

npm i core-js
1

下载完成在babel.config.js文件中进行配置就可以实现按需加载，无需整个引入core-js文件。
在这里插入图片描述

module.exports = {
    presets: [
        ["@babel/preset-env",
        {
            "useBuiltIns": "usage",//实现按需加载
            "corejs": 3,
        }]
    ]
}
1
2
3
4
5
6
7
8
9

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/624991