Sass 的 Gulp 任务不会创建 CSS 文件答案

【问题标题】：Gulp task for Sass doesn't create CSS fileSass 的 Gulp 任务不会创建 CSS 文件
【发布时间】：2019-10-17 21:27:51
【问题描述】：

我是初学者，已经完成了我的 HTML 和 CSS。对于 Sass，我正在尝试设置开发环境，出于某种原因 gulpfile.js 代码似乎没问题，但是当任务运行 (gulp style) 时，它不会输出 CSS 文件。命令行也没有错误。

我已经安装了 gulp、gulp cli、gulp-sass 和 browser-sync

$npm install gulp -global

$npm install gulp cli

$npm install --save-dev gulp gulp-sass browser-sync

她是我的代码：

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

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

exports.style = style;

项目的文件夹结构如下：

_
|-- node_modules
|-- src
 |-- scss
   |-- style.scss
 |-- gulpfile.js
 |-- index.html
 |-- package-lock.json
 |-- package.json

【问题讨论】：

您的./scss/*.scss 文件的位置应该相对于您的 gulpfile.js 所在的位置。请参阅stackoverflow.com/questions/21806925/…，了解如何查看哪些文件（如果有）实际上正在通过您的style 任务。如果您删除 async 关键字也可以吗？
我测试了你的代码 - 它没有任何问题 - 这就是为什么我怀疑你可能没有正确的 gulp.src glob 指向你的 scss 文件所在的位置。
马克，感谢您的帮助。我现在已经在我原来的问题中包含了一个文件夹结构。关于 gulpfile.js 的位置，我认为 ./scss/style.scss 是正确的。
更改为 gulp.src('src/scss/**/*.scss')
@Karthik，我按原样运行了您的代码，它运行良好。 => src/css/style.css 如果你运行gulp --tasks，你会得到什么？它应该表明你的style 任务你得到什么gulp -v？

标签： npm sass gulp gulp-sass gulp-4

【解决方案1】：

作为您的文件夹结构

如下更改gulp.src

 gulp.src('./src/scss/**/*.scss')

希望这会有所帮助..!!

【讨论】：