gulp自動化打包工具

/** * Created by hasee on 2016/7/5. */var gulp = require('gulp');var sass = require('gulp-sass');//容易出錯 plusvar 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"]);
相關文章
相關標籤/搜索