當專案中引用很多第三方外掛程式時,打包後vendors會變得非常大,**開啟速度變得非常慢。這時使用gzip壓縮可以大幅減小打包後檔案的體積。
首先需要安裝compression-webpack-plugin
npm install compression-webpack-plugin -d
然後在vue.config.js中加入
configurewebpack: config => )]};}},複製**
在nginx中啟用gzip壓縮
此時已經完成了所有配置,原來七百多k的js現在只有兩百多k。
vue cli 3 0 學習筆記
專案搭建及結構 安裝npm install g vue cli 新增專案 vue create my project 啟動 npm run server 打包 npm run build vue cli3.0 自定義腳手架模板 vue cli3.0 新出的新增外掛程式方法 npm install a...
vue cli 3 0 分多環境打包配置
分環境來打包 沒有這三個檔案的在根目錄自己建立就可以 看看每個env檔案中寫的東西 node env dev dev node env test web1 node env pro web2 我們在上方的env裡寫的 是幹嘛用的呢,你在指令中 使用 補充 注意 vue.config.js 中,根據不...
vue cli3 0跨域請求
1 通過vue cli3.0建立的專案想要實現跨域請求操作 2 首先需要穿件配置檔案vue.config.js 3 注意此檔案建立在專案的根路徑下面,不要建立在src下面 檔案配置網上有很多,由於理解不深,便不詳解,const path require path const debug proces...