javascript - Sass on Grunt 总是创建空输出

Question

我尝试使用 grunt-contrib-sass 编译 SASS，但得到一个空 CSS 文件。

这是我能想到的用于编译 SASS/SCSS 的最简单的 package.json:

{
  "name": "sassgrunt",
  "version": "1.0.0",
  "scripts": {
    "sass": "node-sass"
  },
  "devDependencies": {
    "grunt": "^1.0.1",
    "grunt-contrib-sass": "^1.0.0",
    "node-sass": "^4.7.2",
    "sass": "^1.0.0-beta.4"
  }
}

这与 SCSS 文件一样简单:

body {
    background: red;
}

还有这个gruntfile.js:

module.exports = function(grunt) {
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),
        sass: {
            dist: {
                files: {
                    './test.css': './test.scss'
                }
            }
        }
    });

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

如果我执行grunt sass，它会创建一个全新的空 test.css 文件。

我想我知道为什么。

此命令从我的源代码中创建了一个完美的 test2.css:

npm run sass test.scss test2.css

但是这个只是将编译后的 CSS 输出到显示器并创建一个空文件:

npm run sass test.scss

当我运行grunt sass时，这正是我所看到的。这意味着 grunt-contrib-sass 没有正确指定命令行。

我不明白为什么，因为这个设置正是我见过的每个示例中显示的。当然，一定是我的设置有问题，不然大家都会有这个问题？

Answer 1

可能还有其他问题，但我认为 grunt-contrib-sass 根本就是一个哑弹。

我用 grunt-sass 替换了它，它与相同的 gruntfile 设置完美配合。只需使用 NPM 或 Yarn 安装并将 grunt.loadNpmTasks('grunt-contrib-sass'); 替换为 grunt.loadNpmTasks('grunt-sass');。 p>