gulp簡單總結

下面筆記來自：

拓展知識在下面，後續接觸或使用越多，拓展越多。。。

var gulp = require('gulp');

var sass = require('gulp-sass');
var browsersync = require('browser-sync');
var useref = require('gulp-useref');
var uglify = require('gulp-uglify');
var gulpif = require('gulp-if');
var minifycss = require('gulp-minify-css');
var imagemin = require('gulp-imagemin');
var cache = require('gulp-cache');
var del = require('del');
var runsequence = require('run-sequence');
gulp.task('task01',function
());
gulp.task('task02',function
());
gulp.task('task03', function
() );
gulp.task('task04', function
());
gulp.task('task05',function
())});
gulp.task('task06',function
()))
});gulp.task('task07',['task05','task06'],function
());
gulp.task('task08',function
());
gulp.task('task09',function
());
gulp.task('task10',function
())))
.pipe(gulp.dest('dist/images'))
});gulp.task('task11',function
());
gulp.task('task12:dist',function
(callback));
gulp.task('task13',function
(callback));
//第一條是開發過程，我們便以sass，監聽檔案，重新整理瀏覽器。
gulp.task('watch', ['browsersync', 'sass'], function
())//
gulp.task('build', [`clean`, `sass`, `useref`, `images`, `fonts`], function
())//
gulp.task('build', [`clean`, `sass`, `useref`, `images`, `fonts`], function ())
gulp.task('task-name', function
(callback) );
gulp.task('task-name', function
(callback) );
gulp.task('build', function
(callback) )
gulp.task('default', function
(callback) )

拓展一：

gulp-load-plugins這個外掛程式能自動幫你載入package.json檔案裡的 gulp 外掛程式

gulp簡單筆記

新建配置檔案npm init 入口檔案entry point為gulpfile.js 全域性安裝gulp 安裝gulpfile.js require的所有依賴 gulp imagemin要使用npm安裝 防止壓縮報錯 gulpfile.js var gulp require gulp less re...

gulp外掛程式功能總結

總結一下gulp外掛程式的功能用法 1.gulp less less轉css功能 2.gulp autoprefixer 給css新增瀏覽器私有化字首 3.gulp cssmin加粗樣式 壓縮css,把注釋換行消除 4.gulp rename 重新命名檔名 5.gulp imagemin 壓縮功能 ...

Gulp入門個人總結

參考資料 一 安裝 前提條件 已安裝nodejs 所有 綠色帶下劃線均為指令 在命令列下操作 選裝cnpm 受國內網路影響，設在國外的npm伺服器在國內訪問有可能出現異常，所以可選 團隊構建的cnpm來代替npm指令。下文所有npm指令用cnpm代替，如果沒有安裝cnpm則把下文cnmp指令換成np...