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')

gulp sass编译复制scss文件

1 个答案: