前端工程化-Gulp/页面模版编译

76 阅读1分钟

        模版文件也就是HTML文件,在HTML文件中为了可以让页面当中重用的一些地方被抽象出来。可以使用模版引擎,比如 swig (yarn add swig --dev)。

const {src, dest} = require('gulp')
const swig = require('gulp-swig')
const data = {...}
const page = () => {
    require src('src/*.html', {base: 'src'})
        .pipe(swig({data}))
        .pipe(dest('dist'))
}