vue cli4 使用壓縮提高效能

2021-10-05 06:30:55 字數 635 閱讀 3281

開啟vue.config.js

gzip壓縮配置

const compressionplugin = require("compression-webpack-plugin");

module.exports = )

]}}

nginx http 還需開啟gzip  (或使用後端spring 開啟)

brotli壓縮配置

brotli是最初由google開發的一種壓縮演算法,其壓縮效能優於gzip。node11.7.0及更高版本在其zlib模組中具有對brotli壓縮的支援,相對gzip壓縮提高20%。

const compressionplugin = require("compression-webpack-plugin");

module.exports = ,

threshold: 10240,

minratio: 0.8,

deleteoriginalassets: true})]

}}

nginx http 開啟brotli

(或使用後端spring 開啟)

使用vue cli4快速搭建vue專案demo

使用vue cli4快速搭建乙個可用作demo的專案。無步驟如下 全域性安裝vue指令包 npm install g vue cli 安裝之後,你就可以在命令列中訪問vue命令。你可以通過簡單執行vue version,看看是否列印出當前安裝的vue cli版本號,來驗證它是否安裝成功。使用vue ...

Vue cli4 配置檔案路徑別名以及使用詳解

在開發vue專案中,我們經常需要引入不同的檔案,這時就需要針對檔案的路徑進行設定,僅僅使用.來進行檔案的匯入,維護和更改都變的相當麻煩,需要對檔案的路徑相當熟悉才可以所以可以設定alias別名來方便操作,然後腳手架cli4中並沒有和cli2一樣自動生成乙個webpack.base.config.js...

SQL中使用WITH AS提高效能

1.案例起因公司門店應用程式每天都要出乙份報表,用來統計所有商品當天的期初庫存數量 入庫數量 出庫數量 及當天的期末庫存數量。執行半年以後,這份報表執行越來越慢,到現在,每次執行該報表顯示當天資料時需要近20秒的時間。於是開發人員找到我,希望我看看,是不是可以使該報表執行的時間更短。該報表就是一段s...