Vue CLI 3 配置相容IE10

2021-09-08 07:00:48 字數 969 閱讀 7375

最近做了乙個基於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 ...