gulp

gulp:构建工具

1.安装,全局的gulp
    cnpm install --global gulp
2.作为项目的开发依赖(devDependencies)安装
    cnpm install --save-dev gulp
3.在项目根目录下创建一个名为 gulpfile.js 的文件:

    var gulp = require('gulp');

    gulp.task('default', function() {
      // 将你的默认的任务代码放在这
    });

语法:

    gulp.src(globs[, options])
    用来读取要操作的文件
    gulp.dest(path[, options])
    来存储要操作之后的文件
    gulp.task(name[, deps], fn)
    配置任务
    gulp.watch(glob[, opts], tasks)
    监听当前文件

插件:
注意:gulp本身只是一个容器,真正要做的事情需要根据插件的能力去做

1.压缩js文件
        命令:cnpm install gulp-uglify
2.压缩css文件
            命令:cnpm install gulp-minify-css
3.压缩html文件
            命令:cnpm install gulp-minify-html
4.代码检查
            命令:cnpm install jshint
                  cnpm install gulp-jshint
5.代码合并
            命令:cnpm install gulp-concat
6.重命名
            命令:cnpm install gulp-rename
7.编译less
            命令:cnpm install gulp-less
8.遍历sass
            命令: cnpm install gulp-sass
9.压缩图片
            命令:cnpm install gulp-imagemin
10.图片缓存
            命令:cnpm install gulp-cache

执行gulp default
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小黑ii

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值