SSIを使用するコーディング案件が続いたのでメモです。
まずはGulpプロジェクトにconnect-ssiをインズトールします。
$ npm install connect-ssi –save-dev
gulp.jsに読み込みます。
var connectSSI = require ('connect-ssi');
以前の最近使っているgulp.jsを晒してみるで使ったgulp.jpに差し込むとこんな感じです。
// ディレクトリ var dir = { src: 'src/', dest: 'dist/' } 〜略〜 // Browser Sync gulp.task('browser-sync', function(done) { browserSync.init({ server: { //ローカルサーバ baseDir: dir.dest, middleware: [ connectSSI({ baseDir: __dirname + '/' + dir.dest, ext: '.html' }) ], index: "index.html", } }); done(); });
baseDirの__dirname
以下は「/フォルダ名」な感じになるようにします。
これでGulpを起動するとSSIが使えます。
SSIで表示するファイルを出力するのも忘れずに!
【gulp】BrowserSyncでSSIを使う方法についてメモメモ – バシャログ
browser-syncでSSIを使う – cly7796.net