Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 05.09.2017, 11:26
Интересующийся
Отправить личное сообщение для Walk Посмотреть профиль Найти все сообщения от Walk
 
Регистрация: 14.08.2017
Сообщений: 28

Как настроить Gulp, чтобы он работал с двумя независимыми дирректориями?
Сразу скажу, что ни в js, ни в Gulp не разбираюсь.
Час смотрел эти уроки, но ответа на свой вопрос не нашел.

На сайте есть две части - фронт-энд и бек-энд (админка). В текущей настройке Gulp смотрит только на изменения фронт-энда:

var gulp = require('gulp');
var scss = require('gulp-sass');

gulp.task('scss', function(){
  return gulp.src('web/theme/sass/style.scss')
   .pipe(scss(
   ).on('error', scss.logError))
   .pipe(gulp.dest('web/theme/css'));
});

gulp.task('default',function(){
  gulp.watch('web/theme/sass/**/*.scss', ['scss']);
});


Необходимо добавить дополнительные дирректории - где смотреть за изменениями, и где сохранять результат, примерно так:

gulp.task1('scss', function(){
  return gulp.src('web/theme/sass/style.scss')
   .pipe(scss(
   ).on('error', scss.logError))
   .pipe(gulp.dest('web/theme/css'));
});

gulp.task1('default',function(){
  gulp.watch('web/theme/sass/**/*.scss', ['scss']);
});

gulp.task2('scss', function(){
  return gulp.src('admin/sass/style.scss')
   .pipe(scss(
   ).on('error', scss.logError))
   .pipe(gulp.dest('admin/css'));
});

gulp.task2('default',function(){
  gulp.watch('admin/sass/**/*.scss', ['scss']);
});


Но как это написать корректно?
Ответить с цитированием
  #2 (permalink)  
Старый 05.09.2017, 11:44
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Walk,
gulp.task('scss:web', function(){
  return gulp.src('web/theme/sass/style.scss')
   .pipe(scss(
   ).on('error', scss.logError))
   .pipe(gulp.dest('web/theme/css'));
});

gulp.task('scss:admin', function(){
  return gulp.src('admin/sass/style.scss')
   .pipe(scss(
   ).on('error', scss.logError))
   .pipe(gulp.dest('admin/css'));
});

gulp.task('default',function(){
  gulp.watch('web/theme/sass/**/*.scss', ['scss:web']);
  gulp.watch('admin/sass/**/*.scss', ['scss:admin']);
});
Ответить с цитированием
  #3 (permalink)  
Старый 05.09.2017, 13:44
Интересующийся
Отправить личное сообщение для Walk Посмотреть профиль Найти все сообщения от Walk
 
Регистрация: 14.08.2017
Сообщений: 28

Спасибо! Вроде работает)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать чтобы ссылки открывались в родительском окне infom@n Общие вопросы Javascript 2 02.10.2011 00:05
Как сделать, чтобы у toggle была ненулевая высота? student-k Общие вопросы Javascript 7 15.08.2011 23:46
как сделать выпадающий список, чтобы второй зависил от значения первого???? zsaz jQuery 2 16.07.2010 20:12
HTML5 Как сделать, чтобы можно было двигать картинку мышью? Бобр Общие вопросы Javascript 2 18.06.2010 21:22
Как сделать, чтобы 2 ссылки отображались как hover при наведении мышкой на любую? Ava Элементы интерфейса 5 19.05.2009 23:24