Question

请问我不确定我是否误解了咕噜的含义。我期待写.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文件

1 个答案: