Coding - 碼農筆記 / gulp / 常用筆記

gulp: gulp-wrap使用布局文件

使用gulp-wrap來布局文件,建立檔案的基礎框架

gulp-wrap官網

iTerm

npm i -D gulp-wrap

gulpfile.js

// gulp-wrap
gulp.task('build', function(){
	gulp.src('pages/*.html') /*來源檔案*/
		.pipe(wrap({src:'layout/default.html'})) /*合併的框架檔案*/
		.pipe(gulp.dest('..')); /*輸出的檔案*/
});

/default/default.html 框架檔案

default.html

<%= contents %>   此區域是pages資料夾替的檔案

 

/pages/*.html 待替換進框架的各個不同內容的檔案

© 2024 胡同筆記 | WordPress Theme: Cosimo by CrestaProject.