随着前端技术的不断发展,前端性能的优化也不断受到重视,而代码的压缩也成为前端性能优化的重要手段之一。
本文将以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文件夹中找到你压缩后的文件。