让gulp-webserver自动化开发服务器支持SSI语法 (include等)
侧边栏壁纸
博主昵称
fastmock技术社区

用心做好每一件你选择要做的事

  • 累计撰写 103 篇文章
  • 累计收到 26 条评论
JS

让gulp-webserver自动化开发服务器支持SSI语法 (include等)

admin
2017-12-20 / 0 评论 / 1,326 阅读 / 未收录,提交收录
var webserver = require('gulp-webserver');
var connectSSI = require('connect-ssi');
gulp.task('webserver', function() {
    gulp.src('./')
        .pipe(webserver({
            fallback:   './views/error.html',
            livereload: true,
            directoryListing: true,
            port:8000,
            open: true,
            middleware: [
                connectSSI({
                    ext: '.shtml', // file extension. Only urls ending in this will be evaluated.
                    baseDir: __dirname // base path to look in for files
                })
            ]
        }));
});

在gulpfile.js中加入上面的配置代码(核心是middleware那里的connectSSI配置),我们就可以使用.shtml文件格式的html了,从而在代码中可以使用ssi的语法实现一些本来需要后端支持的功能,如:include提取公共部分,避免前端coder们头疼的大量复制粘贴工作

0

评论 (0)

OωO
  • ::(呵呵)
  • ::(哈哈)
  • ::(吐舌)
  • ::(太开心)
  • ::(笑眼)
  • ::(花心)
  • ::(小乖)
  • ::(乖)
  • ::(捂嘴笑)
  • ::(滑稽)
  • ::(你懂的)
  • ::(不高兴)
  • ::(怒)
  • ::(汗)
  • ::(黑线)
  • ::(泪)
  • ::(真棒)
  • ::(喷)
  • ::(惊哭)
  • ::(阴险)
  • ::(鄙视)
  • ::(酷)
  • ::(啊)
  • ::(狂汗)
  • ::(what)
  • ::(疑问)
  • ::(酸爽)
  • ::(呀咩爹)
  • ::(委屈)
  • ::(惊讶)
  • ::(睡觉)
  • ::(笑尿)
  • ::(挖鼻)
  • ::(吐)
  • ::(犀利)
  • ::(小红脸)
  • ::(懒得理)
  • ::(勉强)
  • ::(爱心)
  • ::(心碎)
  • ::(玫瑰)
  • ::(礼物)
  • ::(彩虹)
  • ::(太阳)
  • ::(星星月亮)
  • ::(钱币)
  • ::(茶杯)
  • ::(蛋糕)
  • ::(大拇指)
  • ::(胜利)
  • ::(haha)
  • ::(OK)
  • ::(沙发)
  • ::(手纸)
  • ::(香蕉)
  • ::(便便)
  • ::(药丸)
  • ::(红领巾)
  • ::(蜡烛)
  • ::(音乐)
  • ::(灯泡)
  • ::(开心)
  • ::(钱)
  • ::(咦)
  • ::(呼)
  • ::(冷)
  • ::(生气)
  • ::(弱)
  • ::(狗头)
泡泡
阿鲁
颜文字
取消
欢迎阅读『让gulp-webserver自动化开发服务器支持SSI语法 (include等)』