gulp常用方法

var gulp=require(‘gulp‘),
    rename=require(‘gulp-rename‘),
    mincss=require(‘gulp-clean-css‘),
    uglify=require(‘gulp-uglify‘),
    watch=require(‘gulp-watch‘),
    del=require(‘del‘);

gulp.task(‘mincss‘,[‘clean‘],function(){
    return gulp.src(‘css/**/*.css‘)
        .pipe(mincss())
        .pipe(rename({suffix:‘.min‘}))
        .pipe(gulp.dest(‘outcss‘));
});

gulp.task(‘minjs‘,function(){
    return gulp.src(‘test/**/*.js‘)
        .pipe(uglify())
        .pipe(rename({suffix:‘.min‘}))
        .pipe(gulp.dest(‘dist‘));
});

gulp.task(‘watch‘,function(){
    watch([‘css/*.css‘,‘test/**/*.js‘], function(){
        gulp.start(‘mincss‘,‘minjs‘);
    });
})

gulp.task(‘clean‘,function(cb){
    return del([‘outcss/‘, ‘dist/‘], cb);
});

gulp.task(‘default‘,[‘clean‘],function(){
    gulp.start(‘watch‘,‘mincss‘,‘minjs‘);
})
时间: 2024-08-06 09:33:11

gulp常用方法的相关文章

[如何在mac下使用gulp] 2. gulp模块的常用方法

常用的gulp模块方法有: gulp.src() gulp.src('client/one.js'); //指定明确的要处理文件 gulp.src('client/*.js'); //处理client目录下所有后缀为.js的文件 gulp.src('client/**/*.js'); //处理client目录及其子目录所有为.js的文件 gulp.src('!client/main.js');//处理除了client/main.js以外的文件 gulp.src()方法用于产生数据流.要处理的文件

一个完整的gulp例子(含注释)亲测可用

// 1.引入gulp 获取 gulpconst gulp = require('gulp') // 2.引入gulp需要用的各个类型插件const less = require('gulp-less') const csso = require('gulp-csso') //这个插件作用是压缩css的const uglify = require('gulp-uglify')const htmlmin = require('gulp-htmlmin')const imagemin = requi

gulp教程(sass,livereload,md5,css压缩,js压缩,img的base64)

环境 node -v  v6.10.3 npm -v  3.10.10 package.json如下: { "name": "zhcsdata", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": &

gulp插件的使用方法

gulp插件很多,这里介绍几个比较常用的插件... 1.gulp-less:用于把less文件编译成css文件. 因为html文件中不能直接引用less文件(需要导入相关编译js文件配合才行),因此需要想方设法把相应less文件编译成less文件编译成css文件.除了考拉编译外,还可以通过gulp这个自动化构建工具实现less文件的编译. 在用gulp编译前,首先你需要安装node.js.gulp是基于node.js,理所当然需要安装node.js.npm(node package manage

git上传文件到github与gulp的简单使用

git有两种方式提交源代码到github 第一种方式通过地址提交下面介绍的是通过ssh方式上传 git使用ssh方式上传代码到githubgit首先要生成公钥和私钥 将公钥添加到github中将私钥保存在本地 + 命令:`ssh-keygen -t rsa`生成的公钥与私钥文件会在当用户目录的.ssh目录下. 把代码push到服务器时需要先pull一下(pull的作用是从远程下载git项目里的文件,然后将文件与本地的分支进行merge) git pull和gitclone区别:git pull

gulp

了解 首先我们了解一下什么是gulp, gulp是前端自动化构建工具,在开发过程中很多重复的任务,我们都可以正确的使用gulp来完成,gulp基于nodejs,

前端构建工具gulp入门教程

新建Gulpfile文件,运行gulp 安装好gulp后我们需要告诉它要为我们执行哪些任务,首先,我们自己需要弄清楚项目需要哪些任务. 检查Javascript 编译Sass(或Less之类的)文件 合并Javascript 压缩并重命名合并后的Javascript 安装依赖 npm install gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename --save-dev 新建gulpfile文件 现在,组件都安装完毕,我们需要新建

从头认识java-15.2 Collection的常用方法

这一章节我们来介绍一下Collection的常用方法. 我们下面以ArrayList为例. package com.ray.ch14; import java.util.ArrayList; import java.util.Iterator; public class Test { public static void main(String[] args) { ArrayList<Integer> rtnList = new ArrayList<Integer>(); rtnL

java中String的常用方法

java中String的常用方法1.length() 字符串的长度 例:char chars[]={'a','b'.'c'}; String s=new String(chars); int len=s.length(); 2.charAt() 截取一个字符 例:char ch; ch="abc".charAt(1); 返回'b' 3. getChars() 截取多个字符 void getChars(int sourceStart,int sourceEnd,char target[]