很多時候，使用vue開發的專案，由於es6無法在低版本瀏覽器上執行，所以我們需要將es6轉換為瀏覽器支援的es5來相容低版本的瀏覽器(比如chrome46以上，firefox46以上，ie11等)。
在這裡我們使用的是@babel/polyfill來進行轉換：
1、安裝@babel/polyfill
npm i @babel/polyfill -s
2、在vue.config.js配置
module.exports =}
3、專案根目錄新建babel.config.js
module.exports =]]}
至此，基本就可以實現在低版本瀏覽器中開啟vue專案了。
vue cli3專案優化
做公司後台，使用了vue cli3和heyui做為基礎搭建。對專案做過的優化記錄如下 a.配置多變數環境 通過在package.json 裡的scripts配置項中新增 mode 來選擇不同的環境。中可以通過process.env.node env變數來訪問。b.專案新建vue.config.js，...
Vue cli3 專案優化
vue 專案完成後，因匯入了大量的或體積較大的依賴包以及外掛程式，導致專案變得非常臃腫。下面通過幾個方面來優化頁面的使用者體驗以及提公升頁面的響應速度。在專案中安裝使用nprogress依賴項，使使用者獲得更好的使用者體驗。使用後會在頁面載入時出現頁面頂部的進度條。效果如下 匯入 nprogress...
Vue Cli3專案配置
二 全域性sass配置 三 全域性css配置 四 基礎元件的自動化全域性註冊總結 使用vue cli3構建乙個初始的vue專案 cli3官方文件 1 在 vue.config.js 裡面頂部 路徑依賴 const path require path 查詢檔案方法 const resolve dir ...