使用 grunt 更新我的 css 文件

Question

我不确定我是否误解了 grunt 的用途。我期待编写 .scss 文件，然后 grunt 将我在 sass 中编写的内容更新到我的 .css 文件中。我学会了配置我的 grunfile.js here 。但是，在运行 grunt watch 之后，当我更改它时，grunt 会一直监视并执行我的 .scss 文件。然而，出乎我的意料，它并没有更新我的 .css 文件。下面是我的 gruntfile.js

module.exports = function(grunt) {
  grunt.initConfig ({
    sass: {
      dist: {
        files: {
          'public/stylesheets/style.css' : 'sass/style.scss'
        },
        options: {
          loadPath: ['bower_components/foundation-apps/scss']
        }
      }
    },
    watch: {
      source: {
        files: ['**/*.sass','**/*.scss'],
        tasks: ['sass'],
        options: {
          livereload: true, // needed to run LiveReload
        }
      }
    }
  });
  grunt.loadNpmTasks('grunt-sass');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.registerTask('default', ['sass']);
};

在我的页面中，我只引用了 style.css 并希望它会使用我的 .scss 内容进行更新。请问我错过了什么？任何帮助，将不胜感激。

Answer 1

尝试将watch 添加到default 任务中：

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