使用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 待替換進框架的各個不同內容的檔案