安裝響應式 imagesCss MinificationJs 縮小外掛

我們的目標是，

1. 通過生成一組寬度不同的影象並縮小影象，使影象適應寬度和比例
2. 提示你的 Javascript
3. 最大限度地減少資產 - JS / CSS / HTML，從而使你能夠託管比最輕的程式碼
4. 觀察 css / js / image 檔案以進行更改，並重建優化
5. 在開發過程中將你的更改同步到為你的網站提供服務的瀏覽器。

我們需要一些外掛，所以讓我們安裝所有外掛。請在專案的根資料夾中執行所有這些。

影象處理外掛

bash $ npm install --save-dev gulp-responsive 
bash $ npm install --save-dev gulp-imagemin 
bash $ npm install --save-dev imagemin
bash $ npm install --save-dev imagemin-jpeg-recompress
bash $ npm install --save-dev imagemin-pngquant 

資產優化器外掛

bash $ npm install --save-dev gulp-clean-css
bash $ npm install --save-dev gulp-uglify
bash $ npm install --save-dev gulp-minify-html
bash $ npm install --save-dev gulp-jshint
bash $ npm install --save-dev gulp-concat
bash $ npm install --save-dev gulp-autoprefixer