Grunt 不编译 sass

Question

我正在处理一个使用 grunt 作为构建工具的旧项目，我必须安装更新版本的 node-sass，因为能够重建 node-sass。现在，当我尝试更改 sass 文件并运行 grunt 时，我没有编译任何内容。这是我的Gruntfile.js：

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

    sass: {
      dist: {
        options: {
          outputStyle: 'compressed',
          sourceComments: 'none'
        },
        files: {
          'css/app.css': 'scss/app.scss'
        }
      },
      dev: {
        options: {
          outputStyle: 'expanded',
          sourceComments: 'map',
          sourceMap: 'app.css.map'
        },
        files: {
          'css/app.css': 'scss/app.scss'
        }
      }
    },

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

      sass: {
        files: 'assets/scss/**/*.scss',
        tasks: ['sass:dev']
      },

      css: {
        files: ['assets/css/*.css'],
        tasks: [],
        options: {
          livereload: true
        }
      }
    }
  });

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

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

我该如何解决这个问题？

Answer 1

看起来您在 SASS 任务中的路径错误。 替换：

'scss/app.scss'

与

'assets/scss/app.scss'