這段配置是之前的gulp版本不適配新版本node後,更新到了gulp4的新寫法。
在業務中,目前使用這份配置的是乙個koa2+njk專案,所以增加了nodemon
來啟動server。
分別用到的技術為:
廢話不多說,上**:
/*
* gulp4通用配置
* author: kinice
* time: 2018-12-26
*/const gulp = require('gulp')
const path = require('path')
const less = require('gulp-less')
const browsersync = require('browser-sync').create()
const reload = browsersync.reload
const cleancss = require('gulp-cssnano')
const autoprefixer = require('gulp-autoprefixer')
const pump = require('pump')
const uglify = require('gulp-uglify')
const sourcemaps = require('gulp-sourcemaps')
const babel = require('gulp-babel')
const nodemon = require('gulp-nodemon')
const changed = require('gulp-changed')
const config = require('./config')
const port = process.env.port || config.port
// 將所需的資源path放到一起便於管理
const paths = ,
script: ,
view:
}// 處理less的task
function
style(callback) ),
cleancss(),
sourcemaps.write('maps'),
gulp.dest(path.join(__dirname, paths.style.dest)),
reload()
], callback)
}// 處理js的task
function
script(callback)
// 監測檔案修改並呼叫相應task之後重新整理頁面
function
watch() *.css`)).on('change', reload)
gulp.watch(path.join(__dirname, `$*.js`)).on('change', reload)
gulp.watch(path.join(__dirname, `$*.njk`)).on('change', reload)
}// 使用nodemon啟動node server,如果不含node就去掉
function
server() )
browsersync.init(`
})}exports.style = style
exports.script = script
exports.watch = watch
// 同步執行script和style task
let build = gulp.parallel(script, style)
// 先build,再同步啟動node server和開啟檔案監測
gulp.task('default', gulp.series(build, gulp.parallel(server, watch)))
複製**
第十二周 專案4 輸出簡單路徑
問題及 main.cpp 煙台大學計算機與控制工程學院 檔名稱 mian.cpp 作 者 劉磊 完成日期 2015年11月30日 版 本 號 v1.0 問題描述 假設圖g採用鄰接表儲存,設計乙個演算法輸出圖g中從 頂點u到v的一條簡單路徑 假設圖g中從頂點u到v至少 有一條簡單路徑 輸入描述 程式輸...
vue 乙個簡單的專案 之零 step 4
多頁應用 與 單頁應用 多頁面應用 每次頁面跳轉,後端都會返回新的html檔案。優點 首屏 首個被展示的頁面 時間快seo 搜尋引擎優化 效果好。缺點 頁面切換慢。單頁面應用 每次頁面跳轉,是前端根據url 變化,進行頁面的重新渲染。優點 頁面切換快,缺點 首屏時間慢,seo 因為搜尋引擎只能識別h...
第十二周專案4 判斷頂點u到v是否有簡單路徑
檔名稱 專案3.cbp 作 者 孫欽達 完成日期 2015年12月1日 版 本 號 v1.0 問題描述 判斷頂點u到v是否有簡單路徑 輸入描述 無 程式輸出 測試資料 ifndef graph h included define graph h included define maxv 100 最大...