grunt-contrib-sass编译后css文件为空。

grunt文件。复制的文档里面的widgets.scss是写了一条css。测试。
widgets.sass

a{
  font-size: 12px;
}

gruntfile.js

module.exports = function (grunt) {
  grunt.initConfig({
    sass: {                              // Task 
      dist: {                            // Target 
        options: {                       // Target options 
          style: 'expanded'
        },
        files: {                         // Dictionary of files 
          'widgets.css': 'widgets.scss'
        }
      }
    }
  });
   
  grunt.loadNpmTasks('grunt-contrib-sass');
   
  grunt.registerTask('default', ['sass']);
}

命令行

Running "sass:dist" (sass) task
a {
  font-size: 12px;
}

Done.

但是widgets.css文件为空。
感觉像是在命令行打印出来,但是没有写入到文件中

阅读 1.5k
评论 2017-09-08 提问
    1 个回答

    自己回答一下吧。
    是因为sass导致的。当时安装的时候直接用npm安装的,npm安装的是 dart写的。而grunt-contrib-sass需要的是Ruby的版本。
    用gem install sass 替换掉之前的即可。

    评论 赞赏 2017-09-08
      撰写回答

      登录后参与交流、获取后续更新提醒