今天接了甲方爸爸一個需求,要兼容IE瀏覽器!記錄如下 :
我使用 vue-cli 搭建的項目,chorm瀏覽器一切正常,但是IE瀏覽器卻是一片空白,出現這種問題,是因為缺少 babel-polyfill
處理器的緣故;
1、安裝 babel-polyfill
npm install babel-polyfill --save-dev
2、在main.js
文件中引入babel-polyfill
;
import 'babel-polyfill'
3、在 webpack配置文件 webpack.base.config.js
中將entry中的app: './src/main.js'配置改為:app: ['babel-polyfill', './src/main.js'];
--- 配置完之后重新打包刷新瀏覽器即可。
------------------2020.6.22更新
如果用到了第三方插件,即用到了 ‘babel-loader’解析的地方,也需要進行配置: