解决 vue-cli 3.0 兼容性问题

使用 Vue-Cli 后需要兼容 ie 10 的基本配置，以及碰到的坑。

基础配置

.browserslistrc 文件，我这里兼容到 ie10

# Browsers that we support

last 1 version
> 1%
IE 10 # sorry

如果这时候还是不行，可以检查一下package.json中的第三方依赖，有些依赖是用 ES6 写的，但 vue-cli 不会检查第三方依赖，可以在transpileDependencies参数添加，告诉脚手架他们需要额外编译。

vue.config.js

module.exports = {
  ... 
  transpileDependencies: ['element-ui-verify', 'vuex', 'normalize-url'],
  ...
}

当然如果上述问题还不能解决，也可以使用这个最总方案，但注意，这会增大打包体积，

vue.config.js 为入口文件添加 polyfill

module.exports = {
  ...
  chainWebpack: config => {
    config.entry('index').add('babel-polyfill')
  },
  ...
}

以上三板斧操弄完，项目基本就可已跑在 ie 了

注意 ie 中不支持直接设置 style ，可以使用： htmlElement.setAttribute('style', 'styles')，代替。