码迷,mamicode.com
首页 > 其他好文 > 详细

gulp提取公用部分

时间:2017-03-21 12:20:39      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:require   页面   pat   nbsp   sep   path   ase   提取   插件   

利用gulp-file-include插件实现

 

gulpfile.js代码

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

gulp.task(‘fileinclude‘,function(){
    //适配page所有文件夹下html文件,排除page下的include文件夹的html
    gulp.src([‘page/**/*.html‘,‘!page/include/**.html‘])
        .pipe(fileinclude({
            prefix: ‘@@‘,
            basepath: ‘@file‘
        }))
        .pipe(gulp.dest(‘dist‘));
});

 

模版页面引入代码

 @@include(‘include/header.html‘)

 

gulp提取公用部分

标签:require   页面   pat   nbsp   sep   path   ase   提取   插件   

原文地址:http://www.cnblogs.com/kevoin/p/6593361.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!