Gulp 有用的地址

gulp似乎成为web开发的必选工具。

推荐一个非常好的入门教程

https://markgoodyear.com/2014/01/getting-started-with-gulp/

官方插件列表:

http://gulpjs.com/plugins/

var gulp   = require(‘gulp‘),
    sass   = require(‘gulp-ruby-sass‘),
    rename = require(‘gulp-rename‘),
    notify = require(‘gulp-notify‘),
    del    = require(‘del‘);

gulp.task(‘default‘, function() {
  return sass(‘src/scss/main.scss‘, { style: ‘expanded‘ })

  // 添加后缀,生成.min.css
  // 注意顺序,放到gulp.dest之前
  .pipe(rename({suffix: ‘.min‘}))

    // 输出目录
  .pipe(gulp.dest(‘dist/assets/css‘))

  .pipe(notify({ message: ‘Default task complete‘ }));
});

// run gulp clean
gulp.task(‘clean‘, function() {
    return del([‘dist/assets/css‘, ‘dist/assets/js‘, ‘dist/assets/img‘]);
});
时间: 2024-12-18 12:49:03

Gulp 有用的地址的相关文章

Gulp安装笔记

前言 总的来说,玩gulp的流程是这样的: 安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务 说实在的,我并不是很清楚gulp是干什么的,但是每个人都说好,出于好奇心,忍不住就来研究一下,所以,搞清楚这个流程还是很有必要的. 基本安装 安装gulp之前我们需要安装nodejs的环境,检测能够正常使用npm后,我们用npm对gulp进行一次全局安装 npm install gulp -g 随便在哪个路径

Gulp安装及配合组件构建前端开发一体化

所有功能前提需要安装nodejs(本人安装版本v0.10.26)和ruby(本人安装版本1.9.3p484). Gulp 是一款基于任务的设计模式的自动化工具,通过插件的配合解决全套前端解决方案,如静态页面压缩.图片压缩.JS合并.SASS同步编译并压缩CSS.服务器控制客户端同步刷新. Gulp安装 全局安装Gulpjs npm install -g gulp  #全局安装 局部安装Gulpjs npm install gulp --save-dev # 局部安装 全局安装 1. 将安装包放在

执行 $ Gulp 时发生了什么 —— 基于 Gulp 的前端集成解决方案(二)

前言 文章 在windows下安装gulp —— 基于 Gulp 的前端集成解决方案(一) 中,已经完成对 gulp 的安装,由于是window环境,文中特意提到了可以通过安装 gitbash 来代替 window 系统的 CMD 命令行工具.本节主要围绕 如何使用 Gulp 完成一个预编译 SASS 文件的任务 来逐步熟悉 Gulp . 本文地址:http://www.cnblogs.com/leonkao/p/4611102.html Gulp 概述 Gulp 是一个构建工具,通过自动化处理

Gulp安装及配合组件构建前端开发一体化(转)

Gulp安装及配合组件构建前端开发一体化 所有功能前提需要安装nodejs(本人安装版本v0.10.26)和ruby(本人安装版本1.9.3p484). Gulp 是一款基于任务的设计模式的自动化工具,通过插件的配合解决全套前端解决方案,如静态页面压缩.图片压缩.JS合并.SASS同步编译并压缩CSS.服务器控制客户端同步刷新. Gulp安装 全局安装Gulpjs npm install -g gulp  #全局安装 局部安装Gulpjs npm install gulp --save-dev

Gulp介绍

gulp是基于Node.js的自动任务运行器,能自动化地完成 JavaScript/sass/html/image/css 等文件的的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,同时可以对文件进行监听,如果文件有改动,可以自动处理生成新的文件. gulp 和 grunt 非常类似,grunt 会频繁进行 IO 操作,而 gulp 则不需要,可以更高效的完成操作. Gulp官网地址: https://gulpjs.com/ 安装起来非常简单,首先确保安装成功了 node.js,

gulp 初探

一.gulp 的简介 基于 node.js 流的自动化构建工具,可以快速构建项目并减少频繁的 I/0 操作,还可以利用 gulp 插件完成各种自动化任务.gulp 是基于 node.js 的自动任务运行器,它能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,并监听文件在改动后重复指定的这些步骤.在实现上,它借鉴了 Unix 操作系统的管道(pipe)思想,前一级的输出,直接

关于添加-objc后缀的解释

这是我直接复制别人的, 所说还有的不太懂, 但是感觉很有用(原文地址:http://www.th7.cn/Program/IOS/201403/181096.shtml): 最近在做一个项目的时候,需要使用到一个第三方库,这个库的使用向导里面特别说明,在添加完该库后,需要在Xcode的Build Settings下Other Linker Flags里面加入-ObjC标志,这个标志以前没使用过,所以我就专门研究了一下它的作用. 之所以使用该标志,和Objective-C的一个重要特性:类别(ca

常用的正则表达式匹配

一.校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$ 8 正数.负数.和小数:^(\-|\+)?\d+(\.\d+)?$ 9 有两位小数的正实数:^[0-9]

一些常用的正则表达式(from web)

一.校验数字的表达式 数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$零和非零开头的数字:^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$正数.负数.和小数:^(\-|\+)?\d+(\.\d+)?$有两位小数的正实数:^[0-9]+(.[0-9]{2})?$有1~3位小数的正实数: