如何在vue框架中兼容IE

Posted 2020-11-10 Panax

IE目前已经放弃了自己的独特化，正一步步迎入互联网的主流怀抱。但迫于有用户存在，还是要兼容到IE8,9, 以上。

下面聊一下如何在vue框架中兼容IE

1.首先在index.html

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">    // 添加请求meta

2. 安装npm install babel-cli --save

3.在webpack.base.conf.js 配置

entry: {
    app: [‘babel-polyfill‘, ‘./src/main.js‘]      // 在入口文件上进行修改,引入此插件，基本上可以使用大部分新的vue语法。
  },

4. 如果发现有图片没正常显示，或者样式稍微错乱

它把图片转化成了bese64, 设置图片百分比，外层盒子的宽度px。不建议使用rem.