全域性安裝gulp,也需要本地安裝gulp外掛程式。全域性安裝gulp是為了執行gulp任務,本地安裝gulp則是為了呼叫gulp外掛程式的功能
//匯入工具包 require('node_modules裡對應模組')
var gulp = require('gulp'), //
本地安裝gulp所用到的地方
less = require('gulp-less'); //
定義乙個testless任務(自定義任務名稱)
gulp.task('testless', function
() );
gulp.task('default',['testless', 'elsetask']); //
定義預設任務 elsetask為其他任務,該示例沒有定義elsetask任務
deps], fn) 定義任務 name:任務名稱 deps:依賴任務名稱 fn:**函式
options]) 執行任務處理的檔案 globs:處理的檔案路徑(字串或者字串陣列)
options]) 處理完後檔案生成路徑
主要還是配合外掛程式的使用
貼個鏈結
自己專案中用的**,記一下
package.json
,"author": "frank",
"license": "isc",
"devdependencies":
}
gulpfile.js
/** * created by frank on 2017/7/21. */
//匯入工具包 require('node_modules裡對應模組')
//npm install --s**e-dev gulp gulp-load-plugins gulp-less gulp-livereload gulp-connect gulp-uglify gulp-concat gulp-imagemin gulp-file-include gulp-cache
var gulp = require('gulp'), //
本地安裝gulp所用到的地方
$ = require('gulp-load-plugins')(); //
載入package.json中devdependencies裡的外掛程式
console.log($)
var gutil = require('gulp-util');
var htmlsrc = 'src/*.html';
var htmldist = 'dist';
//定義乙個testless任務(自定義任務名稱)
gulp.task('testless', function
() );
gulp.task('css', ['testless', 'fonts'], function
());
gulp.task('fonts', function
())//
定義livereload任務
gulp.task('connect', function
() );
});//
定義html任務
gulp.task('html',['js','images'], function
() ))
.pipe(gulp.dest(htmldist))
.pipe($.connect.reload());
});//
定義js任務
gulp.task('js', function
() );
//images
gulp.task('images', function
() )))
.pipe(gulp.dest(htmldist+'/static/images'));
});//
定義看守任務
gulp.task('watch', function
() );
gulp.watch('src/**/*.html', ['html']);
gulp.watch('src/less/*.less', ['testless']);
gulp.watch('src/js/*.js', ['js']);
gulp.watch('src/images/**/*', ['images']);
});gulp.task('default',['html','watch','connect','css']);
Vim 使用筆記
set hlsearch set nohlsearch 搜尋後清除上次的加亮 nohl nohlsearch 拷貝 很有用的一句話,規定了格式選項,讓它換行不自動空格 set formatoptions tcrqn set fo r set noautoindent 再 shift insert 正...
xemacs使用筆記
xemacs使用筆記 xemacs emacs的下一代,由lucid原創 from debian參考手冊.由於不知道什麼時候刪掉了emacs的乙個重要檔案.每次都沒法安裝好.突然發現了xemacs,於是決定使用看看.本人還是菜鳥,僅供交流 我使用的ubuntu系統,所以就直接apt get inst...
TreeView使用筆記
treeview由節點構成,建樹通過對treeview.items屬性進行操作。items是乙個ttreenodes物件,這是乙個ttreenode集。一 針對ttreenodes,也就是 treeview.items,有這些屬性 1 count,節點個數。2 item index 通過index得...