vue项目兼容ie浏览器

vue项目兼容ie浏览器

1. 配置babel-polyfill
2. 安装依赖babel-polyfill：npm install --save babel-polyfill
3. 配置webpcak.base.conf.js: 将打包入口使用包裹

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

3. 在main.js文件配置：import 'babel-polyfill' //放在最顶部，确保全面加载。
4. 在webpack.base.conf.js配置依赖中有es6语法的依赖使用babel转换：

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

2. 配置es6-promise：
3. 安装：npm install es6-promise
4. 在main.js中导入：import 'es6-promise/auto'
5. 在index.html中写入：

  <meta http-equiv="Cache-control" content="no-cache"> // 禁止浏览器缓存
  <meta http-equiv="X-UA-Compatible" content="IE=10" > // 让ie浏览器支持最高的兼容性，本项目在ie10下展示效果更佳，因此写的ie10