2022-07-12 适配低端浏览器

使用低端浏览器打开项目白屏问题:不兼容es6语法,需要配置babel

1、安装babel-polyfill

2、修改babel.config.js

module.exports = {
    presets: [
        ['@vue/app', { 'useBuiltIns': 'entry', polyfills: ['es6.promise', 'es6.symbol'] }]
    ]
}

3、vue.config.js添加需要转码编译的第三方插件

module.exports = defineConfig({
     transpileDependencies: ["lodash", "pinia", "swiper", "vue3-seamless-scroll"],
})

4、入口文件首行导入

import "babel-polyfill";
import "core-js/stable";
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容