npm - Sass 的 Gulp 任务不会创建 CSS 文件

Question

我是初学者，已经完成了我的 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

Answer 1

作为您的文件夹结构

改变 gulp.src如下

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

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