安装响应式 imagesCss MinificationJs 缩小插件
我们的目标是,
- 通过生成一组宽度不同的图像并缩小图像,使图像适应宽度和比例
- 提示你的 Javascript
- 最大限度地减少资产 - JS / CSS / HTML,从而使你能够托管比最轻的代码
- 观察 css / js / image 文件以进行更改,并重建优化
- 在开发过程中将你的更改同步到为你的网站提供服务的浏览器。
我们需要一些插件,所以让我们安装所有插件。请在项目的根文件夹中运行所有这些。
图像处理插件
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