gulp使用

Posted 起舞弄清影

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gulp使用相关的知识,希望对你有一定的参考价值。

卸载插件:npm uninstall <name> [--save-dev]
使用npm更新插件:npm update <name> [--save-dev]
更新全部插件:npm update [--save-dev]
当前目录已安装插件:npm list


1.node.js安装
node -v(版本号即为正确安装)
npm -v(版本号即为正确安装)

2.gulp全局
npm install gulp -g
gulp -v(版本号即为正确安装)
进入项目目录

3.npm init(即新建package.json)

技术分享

 

4.插件安装
npm install --save-dev gulp
gulp -v(版本号即为正确安装)
npm install <name> --save-dev或者npm install <name><name><name>... --save-dev

//css
sass gulp-sass
css兼容 gulp-autoprefixer
css校验 gulp-csslint
css压缩 gulp-clean-css

//js
js校验 gulp-jshint
js压缩 gulp-uglify

//html
公用html gulp-file-include
合并css/js gulp-useref
配合useref gulp-concat

//img制作精灵图
gulp-postcss
postcss
postcss-sprites
spritesmith

//版本号
MD5 gulp-rev
生成版本号文件 gulp-rev-collector

//其他
合并任务流 merge-stream
逐个执行 run-sequence
清空文件夹 gulp-clean
配置文件 config.js

非必安装:
压缩html gulp-htmlmin
cdn图片替换 gulp-cdnizer


5.新建gulpfile.js文件
6.通过命令提示符运行gulp任务

以上是关于gulp使用的主要内容,如果未能解决你的问题,请参考以下文章

gulp常用插件之gulp-notify使用

gulp常用插件之gulp-plumber使用

gulp常用插件之gulp-babel使用

gulp常用插件之gulp-beautify使用

gulp常用插件之gulp-filter使用

gulp常用插件之gulp-imagemin使用