gulp

简介: gulp1. 安装npm install --g gulp2. 初始化npm init3.

gulp

1. 安装

npm install --g gulp

2. 初始化

npm init

3. 新建gulpfile.js

var gulp = require('gulp'),
    clean = require('gulp-clean'),
    uglify = require('gulp-uglify'),
    minify = require('gulp-minify-css');

gulp.task('before-clean', function(cb){
    return gulp.src('build').pipe(clean());
});

gulp.task('copy-file', ['before-clean'], function(){
    return gulp.src(['web/**', '!web/static/js/*.js', '!web/static/css/*.css'])
        .pipe(gulp.dest('build/'));
});

gulp.task('js-mini', ['before-clean'], function(){
    return gulp.src('web/static/js/*.js')
        .pipe(uglify()).pipe(gulp.dest('build/static/js'));
});

gulp.task('css-mini', ['before-clean'], function(){
    return gulp.src('web/static/css/*.css')
    .pipe(minify()).pipe(gulp.dest('build/static/css'));
});

gulp.task('build', ['copy-file', 'js-mini', 'css-mini']);

gulp.task('default', ['build']);

4. 运行

gulp
目录
相关文章
|
8月前
|
开发工具 Python
ignatureNonceIsNull
ignatureNonceIsNull
49 1
|
SQL 数据库
浅谈null
前言: 我们平时对SQL的数值处理的过程中,经常会纠结一个问题,要不要设置为null?那么null到底是什么意思?在这篇文章中,我将为大家简单的介绍一下我们使用的null。
5844 0
浅谈null
|
12月前
【ULP】什么是ULP
【ULP】什么是ULP
302 0
|
缓存 JavaScript Go
你真的了解esModule吗
项目中我们常常会接触到模块,最为典型代表的是esModule与commonjs,在es6之前还有AMD代表的seajs,requirejs,在项目模块加载的文件之间,我们如何选择,比如常常因为某个变量,我们需要动态加载某个文件,因此你想到了require('xxx'),我们也常常会用import方式导入路由组件或者文件,等等。因此我们有必要真正明白如何使用好它,并正确的用好它们。
|
Serverless 程序员 云计算
Serverful
Serverful
147 0
|
IDE Java 程序员
What is null?
按照惯例还是在文章开头随便聊聊。之前这个环节是借鉴的why哥,叫“荒腔走板”。现在决定还是换一个有自己特色的名字,冥思苦想,最终拍板“Y说”。 有一段时间没在公众号更新文章了,其实也不是忙,就是有点懒(主要原因),再加上没有太多灵感,所以,很抱歉~
211 0