VUE項目兼容IE瀏覽器


今天接了甲方爸爸一個需求,要兼容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’解析的地方,也需要進行配置:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM