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

使用 grunt 更新我的 css 文件

using updating my css file using grunt

javascript

css

sass

node.js

grunt-contrib-watch