Question

我查看了以前的问题，但它们似乎是指旧版本的browsersync插件。（版本＆lt; 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

1 个答案: