最近做了乙個基於vue的專案,需要相容ie瀏覽器,目前實現了打包後可以在ie10以上執行,但是還不支援在執行時相容ie10及以上。
vue2.0 相容ie9及其以上
安裝依賴
yarn add --dev @babel/polyfill
在入口檔案main.js
引入依賴
import '@babel/polyfill';
修改babel.config.js
module.exports = ]],
};
修改.browserslistrc
> 1%
last 2 versions
not ie <= 10
修改vue.config.js
預設情況下
babel-loader
會忽略所有node_modules
中的檔案。如果你想要通過babel
顯式轉譯乙個依賴,可以在這個選項中列出來。
module.exports =
```
詳細說明可參見官方文件
我在這裡遇到乙個問題,有的依賴不僅需要新增它自身到transpiledependencies
中,還需要新增它的某些依賴到transpiledependencies
中,如果官方文件中沒有明確指出的話可能還是不能正確的配置。
這種情況我的解決方法是在src
目錄下新建乙個utils
目錄,將依賴的js檔案移到該目錄下,然後引入該目錄下的js檔案。
收藏
VueCli3 相容IE11 配置艱苦歷程
由於目前專案是採用vuecli3 搭建的專案,對google,火狐 eage 360等瀏覽器相容不錯,但是對ie確出現了問題,目前專案要上線,那個著急啊,花了將近兩天的時間從網上那個度娘,必應啊,但還好最終還是完美解決了。現在對自己這兩天的辛苦做個總結,也當是記錄一下自己的感悟。當前專案前端版本 p...
Vue cli3配置說明
關於 以及process.env.使用和說明 scripts 以上是package.json中的一段指令碼。可看到我們的執行命令後面就會跟著mode,mode對應的值分別都有對應的檔案,如上mode分別有dev prod test三種模式,對應的專案中就會有三個檔案.env.dev env.prod...
vuecli3熱更新配置
我們在使用vuecli3的時候難免會遇到儲存 但是頁面不能自動重新整理 熱更新 的問題,今天分享一下我的熱更新的配置 chainwebpack config 只要在chainwebpack的配置項下加一行config.resolve.symlinks true 這樣我們修改儲存.vue檔案以及js ...