Browsync與一飲而盡doesn't refresch瀏覽器

如果你信使在命令行(Reloading browsers...)它didn't重裝瀏覽器必須HTML &身體標記添加到您的index.php/index.hmtl文件。

2017-07-19 trip1e

無代碼？ #magicshow –

你能幫我解決這個問題嗎？ – trip1e

你可以放棄gulpfile.js嗎？ –

首先，爲什麼你需要兩個任務，如果一個任務可以做到這一點？

gulp.task('style', function() { 
    return gulp.src(styleSRC) 
    /*********** COMPILE ***********/ 
    .pipe(sourcemaps.init()) 
    .pipe(sass({ 
     outputStyle: 'compact' 
     // outputStyle: 'compressed' 
     // outputStyle: 'nested' 
     // outputStyle: 'expanded' 
    }).on('error', sass.logError)) 
    .pipe(sourcemaps.init({ loadMaps: true })) 
    .pipe(autoprefixer(AUTOPREFIXER_BROWSERS)) 
    .pipe(sourcemaps.write('/maps')) 
    .pipe(gulp.dest(styleDEST)) // Sass -> css 
    /*********** MINIFY ***********/ 
    .pipe(cleanCSS({ 
     level: '2', 
     debug: true}, function(details) { 
      console.log(details.name + ': ' + details.stats.originalSize + ' kb'); 
      console.log(details.name + ': ' + details.stats.minifiedSize + ' kb'); 
      console.log(details.name + ': ' + details.stats.timeSpent + ' ms'); 
      console.log(details.name + ': ' + details.stats.efficiency + '%'); 
     })) 
    .pipe(rename({ suffix: '.min' })) // rename to .min 
    .pipe(gulp.dest(styleDEST)) // Publish 
    .pipe(browserSync.stream()) 
    .pipe(notify({ message: 'TASK: "style" Completed! ', onLast: true })); 
});

現在，回到您的問題。 Browsersync在完成編譯時只關心你的CSS - 確保在gulp.dest之後調用.stream()。

.pipe(browserSync.stream())

你只在縮小任務中使用browserSync.stream()，而不是風格的任務。另外，請確保<body>標籤必須存在。

Browsersync通過在初始請求期間在標籤後面注入異步腳本標籤（<script async>...</script>）來工作。 爲了使其正常工作，<body>標籤必須存在。或者，您可以爲代碼段使用snippetOptions

來源

2017-07-19 22:39:48

感謝您的幫助！我的問題是：我的索引文件中沒有任何html和body標籤。我只有h1＆h2 :)謝謝！ – trip1e

Browsync與一飲而盡doesn't refresch瀏覽器

回答

相關問題