grunt 将内容写入控制台而不是文件？

Question

我正在尝试将 scss 添加到我的 g运行t 文件中，因此我运行以下命令： npm install grunt-contrib-sass sass --save-dev。然后我将以下内容添加到我的 Gruntfile.js

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

grunt.initConfig({
...
sass: {
    dev: {
        files: {
            '<%=meta.src %>assets/css/all2.css': '<%=meta.src %>assets/scss/build.scss'
        }
    },

    dist: {
        files: {
            '<%=meta.dist %>/assets/css/all.min.css': '<%=meta.src %>/assets/scss/build.scss'
        }
    }
},

当我运行执行此操作时，我会在控制台中获得 build.scss 的输出并创建一个空文件？

我错过了什么？？？？

Running "sass:dev" (sass) task
#flupdidup {
  font-weight: bold;
}
Running "sass:dist" (sass) task
#flupdidup {
  font-weight: bold;
}
Done, without errors.
Process terminated with code 0.

可以在此处找到该问题的最小再现：https://github.com/Peter-Optiway/grunt-sass-issue

Answer 1

我通过改用 grunt-sass 包设法解决了这个问题。

npm install --save-dev load-grunt-tasks load-grunt-tasks 然后我将以下内容添加到我的 Gruntfile.js require('load-grunt-tasks')(grunt); 并且它起作用了。

Answer 2

切换到 grunt-sass 始终是一种选择，但您的问题不是因为那个。问题是因为您 sass 使用 npm 安装。

npm install -g sass

当你看到那个

$ sass --help
Compile Sass to CSS.

Usage: dart-sass <input>

-s, --style         Output style.
                    [expanded (default)]

-c, --[no-]color    Whether to emit terminal colors.
    --[no-]trace    Print full Dart stack traces for exceptions.
-h, --help          Print this usage information.
    --version       Print the version of Dart Sass.

它没有输出参数。虽然 grunt-contrib-sass 期望从 ruby gem 安装 sass。

$ sudo gem install sass

现在sass会有不同的选择

$ sass --help
Usage: sass [options] [INPUT] [OUTPUT]

Description:
  Converts SCSS or Sass files to CSS.
...

现在构建工作正常

$ cat ./dist/assets/css/all.min.css
main #flupdidup {
  font-weight: bold;
  background: #eeffcc; }

/*# sourceMappingURL=all.min.css.map */

grunt 将内容写入控制台而不是文件？

grunt writes content to console instead of file?

sass

gruntjs