vue cli3 ie下的兼容处理

1）import 'babel-polyfill'
2）新建：babel.config.js（如果没有的话）
module.exports = {
      presets: [
        ['@vue/app', {
            useBuiltIns: 'entry'
        }]
      ]
  }

3）若promise还是报错，安装es6-promise：

在main.js中引入，放在最上：

import 'babel-polyfill';

import promise from 'es6-promise'

promise.polyfill();

require('es6-promise/auto');

4）部分项目还会出现引入插件报语法错误，需要特殊处理：

vue.config.js：
module.exports = {
......

  chainWebpack: config => {
     config.entry.app = ["babel-polyfill", "./src/main.js"];
  },
  // 处理node_modules依赖中的插件es6语法未转换问题
  transpileDependencies: [
      '_view-design@4.7.0@view-design',
      'tree-table-vue'     //根据ie提示报错目录，把插件的文件夹加进来
    ],

......
}
 

css 兼容：
1）安装autoprefixer、postcss（加前缀）
2）新建postcss.config.js文件
module.exports = {
    plugins: {
      autoprefixer: {}
    }
}

3）import cssVars from 'css-vars-ponyfill';  （解决ie无法解析var 变量等问题）
cssVars({
  watch: true,
  onlyLegacy: false
});
 

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！