var gulp = require('gulp');
var less = require('gulp-less'),
connect = require('gulp-connect');
gulp.task('gulp-less', function() {
// 將你的默認(rèn)的任務(wù)代碼放在這
gulp.src(['./less/main.less', ])
.pipe(less())
.pipe(gulp.dest('./css'));
});
gulp.task('connect', function() {
connect.server({ //地址,可不寫,不寫的話,默認(rèn)localhost
port: 3001, //端口號,可不寫,默認(rèn)8000
root: './', //當(dāng)前項(xiàng)目主目錄
livereload: true //自動刷新
});
});
gulp.task('html', function() {
gulp.src('./*.html')
.pipe(connect.reload());
});
gulp.task('watch', function () {
gulp.watch('./less/*.less', ['gulp-less','html']); //當(dāng)所有l(wèi)ess文件發(fā)生改變時,調(diào)用testLess任務(wù)
// gulp.watch('./js/*.js', ['html']); //監(jiān)控js文件
gulp.watch(['./*.html'], ['html']); //監(jiān)控html文件
});
gulp.task('server', ['connect', 'watch']);
gulp配置自動編譯less清單
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- gulp配置前端資源自動化 -- less編譯 js壓縮 圖片壓縮 1.package.json 文件 2.gul...
- 1. 安裝gulp 2. 配置環(huán)境變量 3. 創(chuàng)建gulpfile.js文件 新建文件名為gulpfile.js的...
- 修復(fù)方法 參考: http://blog.ibangspacebar.com/handling-errors-wi...
- 一、首先要確定全局安裝了gulp, gulp的全局安裝命令 npm install gulp -g 二、在項(xiàng)目目錄...
- 1.導(dǎo)包:importjava.util.Scanner; 2.創(chuàng)建鍵盤錄入對象:Scanner sc =newS...