使用gulp压缩css文件

随着前端技术的不断发展，前端性能的优化也不断受到重视，而代码的压缩也成为前端性能优化的重要手段之一。

本文将以gulp压缩css向之前没压缩过的代码的同学简单介绍一下gulp的使用。

首先，是nodejs的下载安装。

1.登录https://nodejs.org/en/download/。对应自己电脑的操作系统下载nodejs，解压，安装，默认最好安装在c盘，一直点下一步下一步很快就安装好了。

注意：新手安装node的时候最好按默认装在c盘。别问我为什么这么说，血淋淋的教训呀。

2.按win+r打开电脑的运行，输出cmd回车，进入命令符界面。输出node -v就可以查看node是否安装成功。以及npm -v。

3.然后就是gulp的安装了，输入：

npm install -g gulp

npm install --save-dev gulp。

当然我们需要安装一些gulp压缩内容的插件。如：npm install --save-dev gulp-uglify gulp-minify-css gulp-concat gulp-jshint gulp-rename gulp-clean-css

4.找到你的要压缩项目的根目录，建立gulpfile.js文件。打开gulpfile.js

保存。

5.然后回到命令符界面，cd你项目所在的文件夹

找到gulpfile文件所在的文件位置，在命令行中执行gulp，然后大功告成！你会在css1文件夹中找到你压缩后的文件。