gulp 基本使用

自动化管理工具
压缩 less sass 转换css
入门指南

基于node环境

步骤1 安装全局的, 2 安装到本项目的

gulpfile.js 文件中
引入gulp
注册任务
终端调用任务

//引包
var gulp = require('gulp');
var pug = require('gulp-pug');
var less = require('gulp-less');
var minifyCSS = require('gulp-csso');
//注册任务
gulp.task('html', function(){
  return gulp.src('client/templates/*.pug')
    .pipe(pug())
    .pipe(gulp.dest('build/html'))
});

gulp.task('css', function(){
  return gulp.src('client/templates/*.less')
    .pipe(less())
    .pipe(minifyCSS())
    .pipe(gulp.dest('build/css'))
});

gulp.task('default', [ 'html', 'css' ]);

你可能感兴趣的:(gulp 基本使用)