zoukankan      html  css  js  c++  java
  • gulp自动化打包工具

    /**
    * Created by hasee on 2016/7/5.
    */
    var gulp = require('gulp');
    var sass = require('gulp-sass');//容易出错 plus
    var webserver = require("gulp-webserver");

    /*js*/
    /*var uglify = require("gulp-uglify");*/
    var rename = require("gulp-rename");

    /*css*/
    var concat = require("gulp-concat");
    var autoprefixer = require("gulp-autoprefixer");
    var minifyCSS = require("gulp-minify-css");

    var imagemin = require('gulp-imagemin');//容易出错


    /*开启有一个服务器*/
    gulp.task("webserver",function(){
    gulp.src("./")
    .pipe(webserver({
    livereload: true, /*修改文件自动刷新*/
    directoryListing: { /*要不要显示目录,开发环境下可以显示*/
    enable:true,
    path: './' /*有哪个目录下开始访问*/
    },
    port: 81, /*端口号*/
    host: '172.18.99.189'
    }))
    });

    gulp.task("styles",function(){
    gulp.src("src/sass/*.scss")
    .pipe(sass().on('error', sass.logError))
    /* .pipe(minifyCSS())
    .pipe(concat("index.min.css"))*/
    .pipe(gulp.dest("app/css/"))
    });

    gulp.task("copyHtml",function(){
    gulp.src("src/*.html")
    .pipe(gulp.dest("app/"))
    });


    gulp.task("copyJs",function(){
    gulp.src("src/js/libs/*.js")

    .pipe(gulp.dest("app/js/libs/"))
    });

    gulp.task("script",function(){
    gulp.src("src/js/*.js")
    /* .pipe(jshint())*/
    .pipe(gulp.dest("app/js/"))
    });

    /*创建一个图片压缩的任务*/
    gulp.task("images",function(){
    return gulp.src("src/images/*")
    .pipe(imagemin())
    .pipe(gulp.dest("app/images/"))
    });

    gulp.task("watch",function(){
    gulp.watch("src/sass/*.scss",["styles"]);
    gulp.watch("src/*.html",["copyHtml"]);
    gulp.watch("src/js/*.js",["script"])
    });

    gulp.task("default",["styles","watch","copyHtml","images","copyJs","script",
    "webserver"]);
  • 相关阅读:
    大数据技术(1-5题)
    如何使用不同的编程语言来造一匹马
    Redis 数据类型及应用场景
    Swoole中内置Http服务器
    redis 数据库主从不一致问题解决方案
    easyswoole对接支付宝,微信支付
    PHP+Swoole 作为网络通信框架
    基于swoole实现多人聊天室
    swoole与php协程实现异步非阻塞IO开发
    swoole中使用task进程异步的处理耗时任务
  • 原文地址:https://www.cnblogs.com/jessical626/p/6489073.html
Copyright © 2011-2022 走看看