gulp-sass 不产生任何输出答案

【问题标题】：gulp-sass generates no outputsgulp-sass 不产生任何输出
【发布时间】：2018-05-27 05:48:57
【问题描述】：

我正在尝试使用 gulp 将 sass 编译为 css，使用 gulp-sass 库 gulp-sass。但是 sass 编译任务不会生成任何东西，也不会抛出错误日志。我已经通过npm install -g sass 安装了 sass

这是我设置的项目。

Gulp 文件内容：

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('sass', function () {
  return gulp.src('./src/index.scss').pipe(sass()).pipe(gulp.dest('./css'));
});

Sass 内容：

xuanyue$ cat src/index.scss
@import './variable';

body{
    background: $color;
  }
xuanyue$ cat src/variable.scss
$color: #fff

用法：

xuanyue$ tree -L 2 -I node_modules
.
├── css
├── gulpfile.js
├── package-lock.json
├── package.json
└── src
    ├── index.scss
    └── variable.scss

2 directories, 5 files
xuanyue$ gulp sass
[17:31:04] Using gulpfile ~/Downloads/test-gulp/gulpfile.js
[17:31:04] Starting 'sass'...
[17:31:04] Finished 'sass' after 8.72 ms
LM-CHD-21016754:test-gulp jinxwu$ tree -L 2 -I node_modules
.
├── css
├── gulpfile.js
├── package-lock.json
├── package.json
└── src
    ├── index.scss
    └── variable.scss

2 directories, 5 files

package.json

xuanyue$ cat package.json
{
  "name": "test-gulp",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "gulp": "^3.9.1",
    "natives": "git+https://github.com/addaleax/natives.git"
  },
  "devDependencies": {
    "gulp-sass": "^4.0.1"
  }
}

【问题讨论】：

能否在 sass 管道后添加 .on('error', sass.errorLog)：.pipe(sass()) 以查看它是否显示任何输出？您的代码似乎没问题。

标签： sass gulp

【解决方案1】：

只需在variables.scss 文件中的变量定义后添加一个分号

$color: #fff;

可能是编译器抛出错误，文件没有被编译。

【讨论】：