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']
  },
```
  1. 在main.js文件配置:import 'babel-polyfill' //放在最顶部,确保全面加载。
  2. 在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')
    ]
  },
  1. 配置es6-promise:
  2. 安装:npm install es6-promise
  3. 在main.js中导入:import 'es6-promise/auto'
  4. 在index.html中写入:
   // 禁止浏览器缓存
   // 让ie浏览器支持最高的兼容性,本项目在ie10下展示效果更佳,因此写的ie10

你可能感兴趣的:(vue项目兼容ie浏览器)