簡單的gulpfile.js參數配置

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

for examplehtml

/** * 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'));});//壓縮htmlgulp.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'])
相關文章
相關標籤/搜索