webpack-imgmini,一個運用webpack批量壓縮圖片的小工具

運用webpack批量壓縮圖片的小工具,支持png,jpg,gif,對大圖片壓縮效果較好

項目地址:https://github.com/robinLiu1989/webpack-imgmini

一、下載依賴:

1、新建項目目錄 mkdir demo

2、cd demo && npm init -y

3、npm i webpack-imgmini --save

二、使用步驟:

1、mkdir img && mkdir output 在img目錄中放入,你想要壓縮的圖片或目錄,也可以包含其他類型的文件

2、touch copyin 在里面寫入以下內(nèi)容

????const copydir=require('webpack-imgmini/copydir')

????copydir('./img/','./node_modules/webpack-imgmini/img/',,'copyIn')

3、touch copyout 在里面寫入以下內(nèi)容

????const copydir=require('webpack-imgmini/copydir')

????copydir('./node_modules/webpack-imgmini/dist/img/','./output/')

4、在package.json的script中加入以下命令

????"copyIn":"node copyin.js",

????"copyOut":"node copyout.js",

"build":"webpack --config ./node_modules/webpack-imgmini/webpack.config.js --color --progress ",

"start":"npm run copyIn && npm run build && npm run copyOut"

三、 運行: npm run start

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容