zoukankan      html  css  js  c++  java
  • Gulp帮你自己主动搞定coffee和scss的compile

    今天继续说说gulp的watch,能够自己主动搞定非常多事情。不用每次都去敲命令了!

    上次说到用gulp能够非常方便的进行css,js,html的压缩。而且能够对coffee和scss进行编译。

    css,js。html一般在公布production时候压缩一次就能够,也就是敲一次gulp命令。可是coffee和scss这两个dev时候会不时修改的文件,假设每次修改完,都须要手动去敲gulp进行编译就有些麻烦了。

    那么问题来了。

    假设可以每次改完coffee和scss就能自己主动编译成js和css将是一件多么令人happy的一件事情!

    Gulp不会让你失望,当然提供了解决方式。那就是watch。

    watch事实上比較简单。就是一直监视某些文件是否变了。假设变了,那么进行一些操作。

    吃个栗子。

    gulp.task('watch', ['coffee'], function(){

    gulp.watch('app/assets/coffee/*.coffee', function (event) {

    gulp.src(event.path)

                .pipe(coffee({bare: true}).on('error', gutil.log))

                .pipe(gulp.dest('app/assets/javascripts'));

        });

    });

    已上的代码是自己主动把coffee转js的作用。

    意思是。创建一个task,名字叫watch(当然这个名字你随便起)。内容是先运行我自己前面创建的叫coffee的task。

    然后进行watch全部的coffee文件。

    假设coffee文件有变化,则针对变化的文件。进行一次compile。生成新的js到javascripts文件夹。

    就是这么简单。就是这么任性,就是这么强大!


    感谢大家看完此篇文章,喜欢的话,请将此篇文章分享到好友圈,或向你的好友推荐, 是对我的最大支持与鼓舞。
    另有QQ群: 107584987。

    全部技术文章都可在我的CSDN Blog http://blog.csdn.net/tommychen1228 找到


  • 相关阅读:
    【转】Python常见web系统返回码
    【转】暴力破解无线WiFi密码
    【转】Django继承AbstractUser新建User Model时出现auth.User.groups: (fields.E304)错误
    Python去除文件中的空格、Tab键和回车
    用filter求素数
    【转】Python读取PDF文档,输出内容
    【转】RPC简单介绍
    【转】Python3使用Django2.x的settings文件详解
    Python生成随机字符串
    Python之turtle画同心圆和棋盘
  • 原文地址:https://www.cnblogs.com/yxysuanfa/p/7107297.html
Copyright © 2011-2022 走看看