项目中要兼容ie10+ 在此记录下
1. 首先在package.json中找到browserslist项,添加如下代码
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8" //这个意思就是兼容ie9+(包含ie9)
]
复制代码
默认是生产环境,如果需要开发环境可以自己配置,更多配置项和语法可以看这里
2. 在main.js入口文件头部添加
import 'core-js/stable'
import 'regenerator-runtime/runtime'
复制代码
3.在项目根目录也就是和src文件夹平级新建babel.config.js,添加如下代码
module.exports = {
presets: [
[
'@vue/app',
{
useBuiltIns: 'entry',
},
],
],
}
复制代码
此时你可以去build试一下,兼容ie大功告成,不需要安装babel-polyfill就可以兼容,好像是脚手架4版本自带了,如果你想深入理解,请看这里,如有错误,请指出,此篇文章若帮到您了,麻烦您动动小手点个赞哦!!!
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END