Мой gulpfile создает 2 набора CSS-файлов. Один раз, когда часть анализируется, а другая - основной файл scss. Мне просто нужен один набор файлов в папке родного брата 'css' . Мои исходные файлы:
- assets / gulpfile.js
- assets / scss / _partials-etc.scss
- assets / scss / styles.scss
Мой файл назначения:
assets / css / styles.scss
Этот файл корректно генерируется только при сохранении стилей. файл scss. Когда я сохраняю партию, он также вынимает assets / scss / css / styles.css .
Вот мой файл gulpfile:
var gulp = require("gulp");
var sass = require("gulp-sass");
var sourcemaps = require('gulp-sourcemaps');
function styles() {
return (
gulp
.src('./scss/styles.scss')
.pipe(sourcemaps.init())
.pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest('./css'))
);
}
function watch(){
gulp.watch(['scss/**/_*.scss', 'scss/styles.scss'], styles);
}
exports.styles = styles;
exports.watch = watch;
exports.default = watch;
Если я изменюАргумент dest для .. / css создает файл в папке с активами! а не активы / css. Я честно не могу понять это. Любая помощь будет оценена.
РЕДАКТИРОВАТЬ Я понял, что при сохранении части я создаю файл в дочерней папке. Когда я сохраняю основной файл, он создает файл CSS правильно. Вот моя последняя попытка: https://gist.github.com/andymagill/2749eefedbd241380429043d73e9c48b