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们头疼的大量复制粘贴工作