gulp-sass 不导入 scss 文件答案

【问题标题】：gulp-sass not importing scss filesgulp-sass 不导入 scss 文件
【发布时间】：2019-05-18 07:11:23
【问题描述】：

我使用的是节点版本 11（虽然我尝试过 10 和 9），我使用的是 gulp 版本 3.9.1 和 gulp-cli 版本 2.0.1、gulp-sass 版本 4.0.2 和 node-萨斯版本 4.11.2。这是我非常简单的 scss 文件：

@import "normalize-scss/sass/normalize";

h1 {
  color: red;
}

这是我正在测试的一个非常简单的 gulpfile：

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

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

gulp.task('serve', ['sass'], function () {
  connect.server();
});

gulp.task('default', ['serve']);

当我使用错误的导入路径（例如 @import "normalize-scss/asdf/sass/normalize";）启动服务器时，我收到一条错误消息，提示找不到补丁。但是，当我使用实际的导入路径并开始我的任务（如上面的内容）时，我没有收到任何错误，但我只在我的 style.css 文件中得到了这个：

h1 {
  color: red; }

我已经为此努力了一个小时。有什么线索吗？

【问题讨论】：

听起来问题发生在 SASS 级别，尽管我没有看到您的 scss 文件有任何问题。建议： 1) 查看here 获取有关 SASS 调试的一些提示； 2) 请准确说明您期望在“my.css”中看到的内容
您是否像上面一样同时使用“sass”和“scss”文件夹？
只有关于这个 bower 依赖，我才使用“sass”文件夹，通常我使用“scss”文件夹，而且我过去无数次混合文件夹名称。

标签： css sass gulp gulp-sass node-sass

【解决方案1】：

这是我自己的错；位于https://github.com/appleboy/normalize.scss 的 normalize.scss 需要 @include normalize(); 才能开始工作。我想我在 gulp 调试上花费了太多时间，以至于我忘记了简单的事情。

【讨论】：