簡單的gulpfile.js參數配置

這里gulp安裝和模塊安裝我就不提了，先簡單寫一些配置函數

for example

/**
 * Created by yumeiqiang on 16/7/26.
 */
var gulp = require('gulp');
var uglify = require('gulp-uglify');// 獲取 uglify 模塊（用於壓縮 js）
var minifyCSS = require('gulp-minify-css');// 獲取 minify-css 模塊（用於壓縮 CSS）
var sass = require('gulp-ruby-sass');
var htmlminify = require("gulp-html-minify");
// 壓縮 js 文件
// 在命令行使用 gulp script 啟動此任務
gulp.task('script', function() {
    // 1. 找到文件
    gulp.src('vue/src/js/*.js')
        // 2. 壓縮文件
        .pipe(uglify())
        // 3. 另存壓縮后的文件
        .pipe(gulp.dest('vue/dist/js'))
})
// 壓縮 css 文件
// 在命令行使用 gulp css 啟動此任務
gulp.task('css', function () {
    // 1. 找到文件
    gulp.src('vue/src/css/*.css')
        // 2. 壓縮文件
        .pipe(minifyCSS())
        // 3. 另存為壓縮文件
        .pipe(gulp.dest('vue/dist/css'))
})

// 在命令行使用 gulp auto 啟動此任務
gulp.task('auto', function () {
    // 監聽文件修改，當文件被修改則執行 css 任務
    gulp.watch('css/*.css', ['css'])
});

// 使用 gulp.task('default') 定義默認任務
// 在命令行使用 gulp 啟動 css 任務和 auto 任務
// 編譯sass
// 在命令行輸入 gulp sass 啟動此任務
gulp.task('sass', function () {
    return sass('vue/src/css/hm.scss')
        .on('error', sass.logError)
        .pipe(gulp.dest('vue/src/css'));
});
//壓縮html
gulp.task('build-html' , function(){
    return gulp.src("vue/website/activity/spike/spike.html")
        .pipe(htmlminify())
        .pipe(gulp.dest("vue/website/minify/spike.html"))
});
// 在命令行使用 gulp auto 啟動此任務
gulp.task('auto', function () {
    // 監聽文件修改，當文件被修改則執行 images 任務
    gulp.watch('vue/src/css/hm.scss', ['sass'])
});

// 使用 gulp.task('default') 定義默認任務
// 在命令行使用 gulp 啟動 sass 任務和 auto 任務
gulp.task('default', ['sass', 'auto'])
//gulp.task('default', ['css', 'auto','script'])