2015-09-20 2 views
0

Наряду с браузерами, я работаю над браузерами-ssi в конфигурации gulp.Gulp browsersync-ssi не работает

Однако, он не работает вообще. Пожалуйста помоги.

Моя конфигурация такова:

▼ каталог

├── app 
│ ├── _stylus 
│ │   └── main.styl 
│ ├── img 
│ ├── js 
│ │   └── main.js 
│ ├── ssi 
│ │   └── include.html 
│ └── index.ect 
├── .tmp 
│ └── dist 
│  ├── css 
│  │   └── main.css 
│  └── index.html 
├── gulp 
│ ├── ... 
│ ├── ... 
│ ├── ... 
│ ├── ... 
│ ├── ... 
│    └── browserSync.js 
├── node_modules 
├── bower_components 
├── gulpfile.js 
└── package.json 

▼ Глоток/browserSybc.js

var gulp = require('gulp'), 
    browserSync = require('browser-sync'), 
    ssi = require('browsersync-ssi'); 

gulp.task('browser-sync', function() { 

    return browserSync({ 
     notify: false, 
     logLevel: 'silence', 
     port: 9000, 
     ui: { 
      port: 9010 
     }, 
     server: { 
      baseDir: ['.tmp/dist/', 'app/'], 
      routes: {'/bower_components': 'bower_components'}, 
      middleware: [ 
       ssi({ 
        baseDir: __dirname + '/../app/ssi', 
        ext: '.html' 
       }) 
      ] 
     } 
    }); 
}); 

▼ .tmp/расстояние/index.html

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>SAMPLE</title> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 
<meta name="description" content="" /> 

<!-- build:css css/app.css --> 
<!-- bower:css --> 
<link rel="stylesheet" href="/bower_components/Materialize/bin/materialize.css" /> 
<!-- endbower --> 
<!-- inject:css --> 
<link rel="stylesheet" href="/css/main.css"> 
<!-- endinject --> 
<!-- endbuild --> 

<body> 

<!--#include file="/include.html" --> 

<div id="content"> 

...... 

Когда глотком бежит, СЛИ DISCRIPTION остается так как он не включает «include.html».

ответ

0

Что такое версия?
Этот источник работает.

var browserSync = require('browser-sync').create(); 
var ssi = require("browsersync-ssi"); 

gulp.task('browser-sync', function() { 
    browserSync.init({ 
     server: { 
      baseDir: "./htdocs/", 
      middleware: [ 
       ssi({ 
       baseDir: __dirname + "/htdocs", 
       ext: ".html" 
       }) 
      ] 
     } 
    }); 
});