zoukankan      html  css  js  c++  java
  • 简单的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'])
  • 相关阅读:
    【python中调用shell命令使用PIPE】使用PIPE作为stdout出现假卡死的情况——将stdout重定向为输出到临时文件
    二分查找
    MongoDB安装及启动
    Python文件IO(普通文件读写)
    Python面向对象--高级(二)
    Python面向对象--高级(一)
    Python类与对象--基础
    Python生成器、装饰器
    Python函数式编程
    Python函数及参数
  • 原文地址:https://www.cnblogs.com/yumeiqiang/p/5760932.html
Copyright © 2011-2022 走看看