Gulp sass compile, реплицирующие файлы scss - PullRequest
Новая
       7

Gulp sass compile, реплицирующие файлы scss

0 голосов
/ 09 июля 2019

Я использую 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 файл, и я не могу понять, чего мне здесь не хватает.

1 Ответ

1 голос
/ 09 июля 2019

Я исправил проблему, изменив строку

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

до:

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

...