css - Gulp sass 编译复制 scss 文件

Question

我正在使用 GULP 来编译我的 scss 文件，并尝试将其编译成单个 styles.css 文件。然而，当我运行 gulp sass 时，它会将 scss 文件转换为 css，但也会复制它们，而不是将它们全部编译成一个文件。

gulpfile.js

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

gulp.task('sass', function () {
  return gulp.src('./src/sass/**/*.scss')
    .pipe(sourcemaps.init())
    .pipe(sass.sync({outputStyle: 'compressed'}).on('error', sass.logError))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./src/css'));
});

gulp.task('sass:watch', function () {
  gulp.watch('./src/sass/**/*.scss', ['sass']);
});

文件结构

 --gulpfile.js
    --src
      --css
      --sass
        --themes
          --module.scss
          --tm-1.scss
        --styles.scss

当我运行 gulp sass 时，css 输出最终是:

--css
  --styles.css
  --themes
    --module.css
    --tm-1.css

我在这里只想要一个 styles.css 文件，似乎无法理解我在这里缺少什么。

Answer 1

我已经通过更改线路解决了这个问题

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

到:

return gulp.src('./src/sass/styles.scss')