vue项目安装polyfill后依然无法兼容ie

一般项目如果要兼容ie首先想到的就是babel-polyfill, 那么按照以下姿势安装：

vue2：

1. npm install --save babel-polyfill (注意： 必须是--save 而不是 dev)
2. 在webpack.base.conf.js 中修改入口文件配置：

代码：

entry: {
    app: ['babel-polyfill','./src/main.js']
},

--------------------------------以上不需要在main.js中引入---------------------------

此时，刷新你亲爱的ie浏览器，你以为它已经ok了。但它有可能依然一片空白，为撒呢？因为项目中一定引入过各种依赖，如果这些依赖的底层用了es6，而你又没有在babel-loader那里配置，下面你就可以开始表演抓头发了。并且导致你浏览器空白的你也不知道是谁，它就那么暗戳戳的害你。所以引入依赖前，知道它的底层有没有用到es6，非常关键!!!

配置位置: webpack.base.conf.js

代码：

{
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('static'),
    resolve('src'), resolve('test'),
    resolve('node_modules/webpack-dev-server/client'),
    resolve('node_modules/vue-echarts'),
    resolve('node_modules/resize-detector'),
    resolve('node_modules/echarts/src'),
    resolve('node_modules/vue-awesome'),
    resolve('node_modules/element-ui/packages'),
    resolve('node_modules/element-ui/src')
  ]
},

其中一部分，就酱。。。

vue3同理