vue/cli脚手架 4.5.12 兼容IE10+(包含ie10)

1,807 阅读1分钟

项目中要兼容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版本自带了,如果你想深入理解,请看这里,如有错误,请指出,此篇文章若帮到您了,麻烦您动动小手点个赞哦!!!