1

在让 Grunt 的浏览器同步插件正常工作时，我遇到了一些令人困惑的问题。我已经彻底阅读了文档并遵循了示例，但有几件事不起作用：
1）我没有得到任何 CSS 注入。我知道我在监视任务旁边运行插件，但是我已经watchTask: true设置并且我的终端显示 bS 正在识别我的 CSS 的更改，它只是没有重新加载浏览器。
2）鬼模式选项似乎都不适合我。我已将它们全部设置为 true，但是，就像 livereload 功能一样，我无法使其工作。

这是我当前的 Gruntfile：

'use strict';

module.exports = function (grunt) {
  grunt.initConfig({
    watch: {
      less : {
        files: ['static/css/less/*.less'],
        tasks: ['less']
      },
      html : {
        files: ['*.html']
      },
      js : {
        files: ['static/js/*.js']
      }
    },
    less: {
      development: {
          options: {
              paths: ["css"],
              compress: true,
              yuicompress: true,
              optimization: 2
          },
          files: {
            "static/css/styles.css": "static/css/less/styles.less"
          }
      }
    },
    browserSync: {
      default_options: {
        bsFiles: {
          src: [
            "static/css/*.css",
            "*.html"
          ]
        },
        options: {
          watchTask: true,
          server: {
            baseDir: "./"
          },
          ghostMode: {
              clicks: true,
              forms: true,
              scroll: true  
          }
        }
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-less');
  grunt.loadNpmTasks('grunt-browser-sync');

  // Launch BrowserSync + watch task
  grunt.registerTask('default', ['browserSync', 'watch']);
};

任何帮助将非常感激

4

0 回答 0