gulp使用 筆記

2022-09-12 09:12:13 字數 2256 閱讀 6307

全域性安裝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得...