vue cli3 0配置GZIP壓縮

2021-09-11 09:52:13 字數 324 閱讀 7773

當專案中引用很多第三方外掛程式時,打包後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...