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

【问题标题】：grunt writes content to console instead of file?grunt 将内容写入控制台而不是文件？
【发布时间】：2017-10-23 15:48:05
【问题描述】：

我正在尝试将scss 添加到我的 grunt 文件中，因此我运行了以下命令： 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

【问题讨论】：

你能把<%=meta.src %>删掉看看能不能用吗？
@TarunLalwani 遗憾的是这并没有改变任何事情'./app/assets/css/all2.css': './app/assets/scss/build.scss'
有没有可能得到一个用于调试的最小 git repo？
@TarunLalwani github.com/Peter-Optiway/grunt-sass-issue 当我在 Visual Studio 中打开它并运行 sass:dev 或 sass:dist 我得到了有问题的错误。

标签： sass gruntjs

【解决方案1】：

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

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-sass 是一个更好的选择，因为它不依赖于 ruby，但你的努力得到了 50 分！

【解决方案2】：

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

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

【讨论】：

看看我发布的答案