vue中浏览器兼容问题

1,088 阅读1分钟

配置browserslist

配置这一项,有两个途径,一是 在 package.json文件中,添加browserslist字段;二是 在项目根目录,创建一个.browserslistrc文件,两种途径。这两种方法不能同时配置,不然运行serve命令会报错。

{
  "browserslist": [
      "last 1 version", //表示最新一个版本
  ]
}

具体用法

安装babel-polyfill依赖

npm i babel-polyfill --save-dev
  • 在main.js中的最前面引入babel-polyfill
import 'babel-polyfill'
  • 在index.html 加入以下代码(非必须)
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  • 在config中的webpack.base.conf.js中,修改编译配置
 entry:{
    app:['babel-polyfill','./src/main.js']      
}