一行命令讓當前項目圖片資源大小減少60%,圖像質量肉眼看不出變化

會搜尋當前項目下的圖片文件,而且壓縮替換node

項目地址:https://github.com/L-x-C/imageShrinkreact

安裝

npm install super-image-shrink

如何使用

在項目中的package.json中的scripts里加一行
'src'能夠換成你想要替換的文件目錄git

{
  ...
 "scripts": {
    "shrink": "node node_modules/super-image-shrink src"
  },
  ...
}

而後在項目目錄下終端運行github

npm run shrink

效果

執行前
npm

執行後
json

執行前
app

執行後
優化

圖像質量肉眼看不出什麼區別吧spa

項目由來

公司項目是用react native開發的,bundle的大小決定了app包的大小,其中圖片資源佔了很大一部分,因此在優化的過程當中發現了imagemin 這個項目。code

因此封裝了一層,用node寫了個腳本自動尋找項目中的圖片並替換,順大便開源了一下。

項目地址:https://github.com/L-x-C/imageShrink

star一發唄!

相關文章
相關標籤/搜索