gulp安装
- 安装gulp之前要先安装npm。
- 在全局下进行一次安装gulp,命令:npm install --global gulp
- 在被压缩文档所在根目录下 输入命令:npm init (会自动通过npm下载package.json)
- 进入被压缩文档所在根目录下进行本地安装,命令是:npm install gulp --save-dev
- 新建一个gulpfile.js文件
gulp插件的安装
在对HTML文件,JS文件,CSS文件进行压缩,我们需要借助插件进行。
npm install gulp-sass gulp-minify-html gulp-concat gulp-uglify gulp-rename gulp-watch gulp-imagemin --save-dev
gulp压缩代码
在该目录下编辑gulpfile.js文件。
引入插件
gulp.src是待处理的源文件位置,gulp.dist是处理后的目标文件位置:
执行任务
gulp
在目标文件目录下查看处理后的文件,检查文件名和内容是否符合预期。