構(gòu)建壓縮 gzip
安裝compression-webpack-plugin
import CompressionPlugin from “compression-webpack-plugin”;
chainWebpack: (config) => {
if (process.env.NODE_ENV === “production”) {
// 生產(chǎn)模式開啟
config.plugin(“compression-webpack-plugin”).use(
new CompressionPlugin({
// filename: 文件名稱己莺，這里我們不設置骑丸，讓它保持和未壓縮的文件同一個名稱
algorithm: “gzip”, // 指定生成gzip格式
test: new RegExp(“\.(js|css)$”), // 匹配哪些格式文件需要壓縮
Threshold: 10240, //對超過10k的數(shù)據(jù)進行壓縮
minRatio: 0.6, // 壓縮比例盒件，值為0 ~ 1
})
);
}
},
前端性能優(yōu)化
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來搜囱，“玉大人丑瞧，你說我怎么就攤上這事柑土。” “怎么了绊汹？”我有些...
- 文/不壞的土叔 我叫張陵稽屏，是天一觀的道長。 經(jīng)常有香客問我西乖，道長狐榔，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任获雕，我火速辦了婚禮薄腻，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘届案。我一直安慰自己庵楷，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布楣颠。 她就那樣靜靜地躺著尽纽，像睡著了一般。 火紅的嫁衣襯著肌膚如雪童漩。 梳的紋絲不亂的頭發(fā)上弄贿，一...
- 文/蒼蘭香墨 我猛地睜開眼施禾，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了搁胆？” 一聲冷哼從身側(cè)響起弥搞，我...
- 正文 年R本政府宣布，位于F島的核電站怯屉，受9級特大地震影響蔚舀，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜锨络，卻給世界環(huán)境...
- 文/蒙蒙 一赌躺、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧羡儿，春花似錦寿谴、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至拂到，卻和暖如春痪署，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背兄旬。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 一、webpack方向 webpack優(yōu)化其實可以歸為HTTP層面的優(yōu)化（網(wǎng)絡層面）音诈。因為HTTP這一層的優(yōu)化兩大...
- 思維導圖 一.npm run build 縮小打包的體積 首先來看我未作任何處理的一個打包 這個包很大幻碱，里面有很多...
- 1.前端開啟gzip 首先要安裝compression-webpack-plugin這個插件，它是專用于將項目打包...
- vue-cli3項目搭建配置以及性能優(yōu)化項目初始化 注意：安裝前請確保有安裝node.js细溅，并且node>=8.9...
