Css 当使用Libsass/Grunt时,有没有一种方法可以动态地查看文件? 我使用安装了基础5 >gem install foundation

Css 当使用Libsass/Grunt时,有没有一种方法可以动态地查看文件? 我使用安装了基础5 >gem install foundation,css,sass,gruntjs,zurb-foundation-5,libsass,Css,Sass,Gruntjs,Zurb Foundation 5,Libsass,然后使用命令创建一个新项目 >foundation scratch --libsass 主要原因是我在Windows上,我真的不需要/不想使用compass。我知道在我对sass文件进行更改后,我可以运行 >grunt build 为了根据我对.scss文件所做的更改更新我的css文件。一切正常 问题:是否有一种方法可以查看这些.scss文件,这样我就不必每次保存文件时都运行该命令。有点像我以前使用的指南针手表?在package.json中有一个名为grunt contrib

然后使用命令创建一个新项目

>foundation scratch --libsass 
主要原因是我在Windows上,我真的不需要/不想使用compass。我知道在我对sass文件进行更改后,我可以运行

>grunt build 
为了根据我对
.scss
文件所做的更改更新我的css文件。一切正常

问题:是否有一种方法可以查看这些
.scss
文件,这样我就不必每次保存文件时都运行该命令。有点像我以前使用的指南针手表?在
package.json
中有一个名为
grunt contrib watch
的开发依赖项,是吗?如果是,我如何使用它

以下是安装完成后我拥有的Grunfile:

module.exports = function(grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

    sass: {
      options: {
        includePaths: ['bower_components/foundation/scss']
      },
      dist: {
        options: {
          outputStyle: 'compressed',
          sourceMap: true,
        },
        files: {
          'css/app.css': 'scss/app.scss'
        }
      }
    },

    watch: {
      grunt: {
        options: {
          reload: true
        },
        files: ['Gruntfile.js']
      },

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

  grunt.loadNpmTasks('grunt-sass');
  grunt.loadNpmTasks('grunt-contrib-watch');

  grunt.registerTask('build', ['sass']);
  grunt.registerTask('default', ['build','watch']);
}

如果有人能帮忙,请提前感谢

好的,所以我做了一些调查并查看了grunt文件,尽管我对grunt不是很在行,但我看到了:

watch: {
    grunt: {
        options: {
            reload: true
        },
        files: ['Gruntfile.js']
    },

    sass: {
        files: 'scss/**/*.scss',
        tasks: ['sass']
    }
}
有了这个,我想我可以跑了:

>grunt watch

<>我知道,我可能不是棚里最亮的工具,但我是新手,没有意识到当我用这种方法安装基础时,它也安装了这个代码> Grut-Tunib手表< /Cord>依赖项。很抱歉,如果这个问题太明显,可能会对其他人有所帮助,因为即使在package.json中,我也很难找到答案,因为我不习惯使用它。

为什么这个问题如此重要?你知道这个软件包(
grunt contrib watch
)只要查看git页面上的大量示例(包括如何查看SASS文件的示例)-如果你注意到我在开始寻找答案时编辑了这个问题,那么一开始我不知道。我在google和Stack overflow上搜索了我认为能给我答案的东西,但结果很差。问题是有效的,答案是有效的,无论它多么明显。我不会删除答案或问题。我很挣扎,只是因为我是一个傻瓜,不明白事情是如何运作的,并不意味着其他人不会觉得它有帮助,不管他们(像我一样)多么愚蠢。你想投多少就投多少!我不知道是谁投了你的反对票,但我有一个建议——从你的回答来看,实际上并不清楚你最初的问题的解决方案是什么。也许如果你编辑得更清楚一些,它会对其他人更有用(顺便说一句,你在这里做了正确的事情,提供了一个答案、荣誉和不要灰心!)嗨,斯蒂芬,我明白你在说什么。这就是我在网上发布问题的原因,这样我才能真正定义问题。再次阅读这篇文章后,我意识到我有点含糊不清。我会看看我能做些什么,使这个问题更好地反映我的问题。需要考虑的一件事是,我问了这个问题,在第一次写作和发帖时,我意识到存在
grunt contrib watch
依赖关系。所以我把它包括在问题中,因为我觉得它很重要,只有在那之后我才意识到这一点,并发布了一个答案。太好了,太多的问题都被放弃了,很高兴看到有人对提高质量产生了积极的兴趣。如果我可以的话,我还会继续吗:)