javascript - 使用 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']);