gulp-sass несколько css версий - PullRequest
Новая
       8

gulp-sass несколько css версий

1 голос
/ 11 марта 2020

Основываясь на файле gulb фонда 6.4, я компилирую свои файлы sass. Цель состоит в том, чтобы скомпилировать приложение. css и бэкэнд. css и rte. css

var gulp          = require('gulp');
var $             = require('gulp-load-plugins')();
var autoprefixer  = require('autoprefixer');

var sassPaths = [
  'node_modules/foundation-sites/scss',
  'node_modules/motion-ui/src'
];

function sass() {
  return gulp.src('scss/app.scss')
    .pipe($.sass({
      includePaths: sassPaths
    }).pipe(gulp.dest('css'));
};

function rte() {
  return gulp.src('scss/Rte.Default.scss')
    .pipe($.sass({
      includePaths: sassPaths
    }).pipe(gulp.dest('css'));
};

function backend() {
  console.log('Backend\n');
  return gulp.src('scss/Custom.Backend.scss')
    .pipe($.sass({
      includePaths: sassPaths
    })
    .pipe(gulp.dest('css'));
};

function serve() {
  gulp.watch("scss/**/*.scss", sass);
};

// define the tasks
gulp.task('sass', sass);
gulp.task('rte', rte);
gulp.task('backend', backend);
gulp.task('serve', serve);

gulp.task('default', gulp.series([sass, rte, backend, serve]));

к сожалению, я могу скомпилировать приложение, rte, backend каждый по отдельности (комментируя другие задачи), но я не могу скомпилировать их все один раз.

Я получаю только «app. css», но не другие файлы. Я немного растерялся в глотке / ссылках, попробовал некоторые "похожие" сценарии / подсказки / советы - но я всегда терплю неудачу.

Знаете ли вы? Я уверен, что вы делаете! Спасибо за любую помощь!

1 Ответ

1 голос
/ 12 марта 2020

Вот проблема с этим кодом: 

function sass() {
  return gulp.src('scss/app.scss')
    .pipe($.sass({
      includePaths: sassPaths
    }).pipe(gulp.dest('css'));    // problem here
};

Это немного затенено из-за вашего стиля, но вы пропускаете )

   })).pipe(gulp.dest('css'));    // correct

и то же в других задачи.

...