Vue CLI3 bable兼容ie11ie10

Vue CLI3 bable兼容ie11ie10

Vue CLI3不兼容IE11打开空白报错SCRIPT1003: 缺少 ‘:‘
1、安装依赖

cnpm i @babel/polyfill -S

2、入口文件 main.js 引入依赖

import '@babel/polyfill';

3.修改 babel.config.js

module.exports = {
  presets: [
    [
      '@vue/app',
      {
        useBuiltIns: 'entry'
      }
    ]
  ],
};

会报错exports is not defined
修改 babel.config.js

module.exports = {
	
	presets: [
	  ['@vue/app', { useBuiltIns: 'entry', "modules": false }],
	],
}

4.修改 vue.config.js
默认情况下 babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖，可以在这个选项中列出来。

依赖较多，索性将所有的依赖都加上，不过会增加打包后的体积会增大，也可Babel 转换的单独引入

module.exports = {
  transpileDependencies: process.env.NODE_ENV === "development" ? ["*"] : [],
}

5.package.json

"browserslist": [
    "> 1%",
    "last 2 versions"
  ]