課程
/前端開發(fā)
/JavaScript
/前端實時可視化開發(fā)工具體驗
RT, browser-sync 代理,具體要怎么實現(xiàn)呢
2017-03-01
源自:前端實時可視化開發(fā)工具體驗 2-3
正在回答
var?gulp?=?require('gulp'),?//基礎(chǔ)庫 ????less?=?require('gulp-less'),?//less ????minifycss?=?require('gulp-minify-css'),?//css壓縮 ????runSequence?=?require('run-sequence'),?//按順序執(zhí)行 ????browserSync?=?require('browser-sync').create()//頁面實時刷新; //?樣式處理------------------------------------------------------------------------------------------------------------------------------------------ gulp.task('css',?function()?{ ????gulp.src(file_road.cssSrc) ????????.pipe(less({?style:?'expanded'?})) ????????.pipe(minifycss())?//todo暫時隱藏壓縮 ????????.pipe(gulp.dest(file_road.cssDst_end))?//最終目錄 ????????.pipe(browserSync.stream());//檢測修改并自動刷新 }); //?監(jiān)聽任務(wù)?運行語句?gulp?watch------------------------------------------------------------------------------------------------------------------------------------------ gulp.task('watch',?function()?{ ????browserSync.init({ ????????server:?{ ????????????baseDir:?"./", ????????}, ????}); ????//?監(jiān)聽css ????gulp.watch(file_road.w_cssSrc,?['css']); ???? }); gulp.task('dev',?function(done)?{ ????runSequence( ????????['css'],?['watch'], ????????done); }); gulp.task('default',?['dev']); //運行g(shù)ulp?即可;如果出現(xiàn)的默認(rèn)?顯示cannot?get,再在后面添加相應(yīng)的文件名稱,例如?http://localhost:3000/html/index.html
葉洛2
heysweets3741442
舉報
使用可見即可得的開發(fā)模式,極大提高前端開發(fā)效率
2 回答browser-sync無法識別?
6 回答browser-sync 如何手機訪問
2 回答browser-sync window系統(tǒng)有問題
3 回答browser-sync啟動后頁面不自動刷新?
1 回答我安裝的Browser-sync怎么命令行提示沒有g(shù)ulp這個方法?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-03-02