安装响应式 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