Gulp — генерировать выходные файлы CSS в том же каталоге, что и файл SCSS.

Я использую Gulp для компиляции scss, uglify и concat, и он успешно работает, когда я пытаюсь вывести в один конкретный файл.

Но я хочу добиться того, чтобы gulp выводил css-файлы в тот же каталог, что и файл SCSS.

eg.

src
|
app
  |
  Folder1
     |
     style1.scss
     style1.css
  Folder2
     |
     style2.scss
     style2.css

То, что я сейчас делаю, выглядит так, как показано ниже в файле gulp

var gulp = require("gulp");
var uglify = require("gulp-uglify");
var concat = require("gulp-concat");
var sass = require("gulp-sass");
var debug = require("gulp-debug");

gulp.task('css', function () {
    gulp.src(
        "/*.scss"
    ).pipe(concat('styles.css'))
        pipe(sass().on('error', sass.logError))
        .pipe(debug({ title: 'unicorn:' }))
        .pipe(gulp.dest("./src"));
})

gulp.task('minify', ['css', 'default']);
gulp.task('default', function () {
    console.log("Default Task");
})

Этот сгенерированный файл CSS находится в каталоге src. Но мне нужен другой подход.


angular gulp gulp-sass gulp-concat
person Gags    schedule 28.03.2017    source источник
comment
Не могли бы вы проверить stackoverflow.com/questions/23247642/ или stackoverflow.com/questions/29793894/. Я думаю, что вы можете найти ответ...   -  person Srdjan Dejanovic    schedule 30.03.2017
comment
Я изучил это.. Дело в том, что мои папки динамические.. Корневая папка такая же.. но папка1, папка2 могут быть динамическими   -  person Gags    schedule 30.03.2017

Ответы (1)


arrow_upward
-2
arrow_downward

Чтобы сгенерировать выходные файлы в той же папке, укажите одно и то же местоположение в примере местоположения назначения.

gulp.task('css', function () {
  var component =  gulp.src('pattern-lab/source/_patterns/*/*/*/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(cssimport())
    .pipe(autoprefixer())
    .pipe(gulp.dest('pattern-lab/source/_patterns'));
  return mergeStream(component);
});

person sumit3021kumar    schedule 16.12.2019