gulp初印象

几个月前三木君向我推荐过gulp,到现在因为工作需要才接触到它,真的很惭愧,在此记录下对gulp的初印象。

全局安装:

$ npm install –global gulp

一个gulpfile.js文件:

这个文件需要在项目的根目录下创建。默认任务(什么也不做):
  1. var gulp = require(‘gulp‘);
  2. gulp.task(‘default‘, function() {
  3. // place code for your default task here
  4. });

下面的命令将执行这个任务:

$gulp

来看看gulp的API!

分为四个大的部分:

  • gulp.src:定义被操作的源文件(可用*来指定目录、文件类型)
  • gulp.task:定义任务,例如压缩、优化、编译等等
  • gulp.dest:在指定目录写入(执行任务后)生成的文件
  • gulp.watch:当一个文件被修改时,执行某个任务

*简单来说就是:哪些文件(src)?进行怎样的操作(task)?结果写到哪儿、怎么写入(dest)?然后,为了方便我们专心编码,让watch来自动监测一切变化吧。

举个例子:

创建一个监听所有类型为less的文件的任务,当任何一个less文件被修改时,执行less-pro这个任务。*

  1. gulp.task(‘watch-less‘, function () {
  2. gulp.watch(‘less/*.less‘, [‘less-pro‘]);
  3. });

less-pro任务片段如下:

  1. gulp.task(‘watch-less‘, function () {
  2. gulp.watch(‘less/*.less‘, [‘less-pro‘]);
  3. });
如上watch less的例子中,执行:

$ gulp watch-less

就可以自动监控所有less文件的改变并进行编译。

全文链接:http://www.gbtags.com/gb/share/5697.htm

时间: 2024-10-05 05:21:46

gulp初印象的相关文章

OpenCL学习笔记(一):摩尔定律、异构计算与OpenCL初印象

关于摩尔定律: 摩尔定律1965年提出,晶体管密度是按照每年翻倍发展的,之后的趋势也是这样--每一代芯片的的时钟频率提高50%,而同时工艺节点减小了0.3,功耗密度翻倍(保持功耗相同的情况下,面积0.7*0.7=0.49,因此提高频率使得性能提升了):而在2000年中期之后,出现了物理尺寸更小的器件,意味着,我们没有办法保持功耗密度不变,而同时提高频率,结果我们看到自此之后,时钟频率并没有显著提高,需要通过并行来提高性能,所以多核CPU流行起来.即使是最基本的处理器,超标量和无序指令执行等高级体

初印象至Vue路由

初印象系列为快速了解一门技术的内容,后续会推出本人应用这门技术时发现的一些认识. Vue路由和传统路由的区别: Vue路由主要是用来实现单页面应用内各个组件之间的切换,同样支持传递参数等功能.而传统路由使用超链接 以下内容来自官网,js使用ES6 如何在vue项目中使用vue-router HTML <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="htt

Vue.js之初印象

一.背景 MVVM模式,很多人在说在用,好吧,我落后了,我目前的项目木有用到MVVM模式的框架,vuejs,reactjs,angularjs,nonono,自己去捣鼓过ng,项目木有用到.实在不敢称自己是front-end developer.趁这个失业期,vuejs的学习起哟. 二.简介 1.vue.js是什么 Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的.相比于Angular.js,Vue.js提供了更加简洁.更易于理解的API,使得我们

uml时序图的初印象-------Day64

最近有好多想法迫不及待的想去实现,可是事实上是在那些最开始想的非常明白,感觉会没问题的地方也总是会出现问题,导致略微有些急躁,还是要淡定啊,又到了周末,明后天要收拾东西搬家,不知道宽带能不能顺利的给挪过去,想提前来记录下这周的工作吧. 总的来说,这周完成了界面的初始设计,然后就是这概要设计了,结果整合下来,word文档都有近百页了,太多时序图了,画的我都有些头昏脑涨.其实,在很久之前的某公司,我面试的第一道问题就是时序图,结果当时的我是可怜的一片茫然,结果也就自然而然了.这次再看时序图,又理解了

Django初印象之视图(view)

一.view的初印象 一个视图函数(类),简称视图.我们发起web请求时,返回的web响应.[大家约定成俗将视图放置在项目(project)或应用程序(app)目录中的名为views.py的文件中.] 二.普通view的样子 下面是一个以HTML文档的形式返回当前日期和时间的视图: from django.http import HttpResponse import datetime def current_datetime(request): now = datetime.datetime.

gulp初体验记录

目前用的业界比较知名的三个前端构建工具:grunt.gulp.fis,自己此前一直都是只在用grunt,fis看过一点,gulp则一直都没注意过,直到最近发现好像用的人越来越多,所以今天也就抽了点时间尝试了一下. [什么是gulp] 比较官方的一句话就是:gulp是一种基于流的,代码优于配置的新一代构建工具. 可以说,gulp和grunt有点类似,但是从书写角度上来说,写grunt的gruntfile就是在写一个配置文件,相对繁琐且起初语义不是很清晰,而写gulp的gulpfile就相当于在写代

Python初印象

Python第一次听到python,就有一种很难学的感觉,会不由自主的跟C语言联系起来,晦涩难懂,怕学不会,还怀疑自己会成为一个码农.第一次课上下来,感觉并不像想象中的困难,相对C语言来说,还是很容易理解的,没有那么多繁复的语法.理论课上老师讲的基本都能跟上都能够理解,但是一到自己动手写代码还是会没有什么头绪,思路可能是对的,但是反应到代码上还是有点困难.感觉如果实践课上老师先带我们一下可能会好一点.可能是因为它比C语言简单吧,对它的印象还是很好的,希望学完python以后,能自己编写一些简单的

gulp 初体验

1,全局安装 gulp npm install --global gulp 但是一直无法成功,后来才知被墙了,于是使用了如下命令,安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 最后使用cnpm 安装成功 ,以后就使用cnpm 2,安装项目的开发依赖 cnpm install --save-dev gulp

gulp初体验

项目流程 安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务 常用命令简介: node -v 查看node版本npm -v 查看npm版本cd 定位到目录,用法:cd + 路径 :dir 列出文件列表:cls 清空命令提示符窗口内容 安装包npm install <name> [-g] [--save-dev]-g:全局安装.将会安装在C:\Users\Administrator\AppDa