gulp file include構建公用頭部尾部

2021-08-18 14:03:27 字數 623 閱讀 1840

如果靜態檔案都包含了公用的頭部和尾部

乙個個改的話太浪費時間啦。

gulp-file-include可以讓我們把公用的檔案都放在header.html和footer.html

然後再構建,如果需要改頭部尾部的話只需要改乙個檔案就好。

gulp-file-include文件 :檢視

gulpfile.js:

var gulp = require('gulp');

var fileinclude = require('gulp-file-include');

gulp.task('fileinclude', function

() ))

.pipe(gulp.dest('dist'));

});

vue元件(將頁面公用的頭部元件化)

呃 重新撿起前面用vue cli快速生成的專案。之前是做過乙個多頁面的改造,以及引入vux的ui元件,這次在這個專案的基礎上,再來聊聊vue中的component。別問我為啥總是寫關於vue的部落格,都是為了生計 這是官方的文件位址 什麼是元件?關於元件寫了一大堆,一看就知道這個很有用啦。關於一些元...

微信小程式頁面引入公用頭部底部

最近比較浮躁各種事情各種煩惱,現在開始靜下心來寫部落格。學技術就不能浮躁時時刻刻要記在心裡,激勵自己希望也可以激勵大家。最近一段時間在開發小程式,沒有系統的學習過拿起來就做的那種寫的不好各位多多指教。第一步 新建乙個目錄 pages templates foot 自動為我們生成 這個目錄我們用來存放...

頁面內容小於一屏時仍能頭部在頭部尾部在尾部

doctype html html lang en head meta charset utf 8 title 頁面內容小於一屏時仍能頭部在頭部尾部在尾部 title style html,body header box container footer style head body div id...