Grunt Browser Sync 重新加载文件但不注入 css

Question

我查看了之前的问题，但它们似乎指的是旧版本的 browsersync 插件。（版本 < 2.0）

以下是我的Gruntfile。之前它工作正常，然后突然停止监视 css，尽管它刷新了 JS 或 PHP 文件的浏览器。

module.exports = function(grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    sass: {
      options: {
        sourceMap: true
      },
      dist: {
        files: {
          '../css/main.css' : '../sass/foundation.scss'
        }
      }
    },

    browserSync: {
        dev: {
            bsFiles: {
                src : ['../css/main.css', '../js/*.js', '../*.php']
            },
            options: {
                proxy: "test.testsite.com",
                watchTask: true,
            }
        }
    },

    watch: {
      css: {
        files: ['../sass/*.scss', '../sass/responsive/*.scss'],
        tasks: ['sass']
      }
    }
  });

  grunt.loadNpmTasks('grunt-sass');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-browser-sync');
  grunt.registerTask('default',['browserSync', 'watch']);

}

在 scss 文件中进行更改时的 grunt 输出：

Done, without errors.
Completed in 0.789s at Tue Dec 01 2015 14:56:57 GMT-0500 (Eastern Standard Time) - Waiting...
[BS] File changed: C:\xampp\htdocs\vortex\wp-content\themes\vortex\css\main.css

Answer 1

Gruntfile 没有任何问题。我想，这是我在网站上包含的 prefixfree js 插件，它与注入冲突。删除后，它工作正常。

Grunt Browser Sync 重新加载文件但不注入 css

Grunt Browser Sync reloading files but not injecting css

gruntjs

grunt-contrib-watch

livereload

browser-sync