Gulp4 Koa專案簡單配置示例

2021-09-24 08:27:48 字數 1941 閱讀 4234

這段配置是之前的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 最大...