Gulp: как сделать сгенерированный вывод файла в ту же папку, что и источник?

Question

1) У меня есть угловая установка приложения с «best practices for angular app structure». Таким образом, папка каждого раздела может иметь собственный * .scss-файл. Вам нужно преобразовать * .scss в * .css и вывести файл * .css в ту же папку.

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

Кто-нибудь знает Gulp немного лучше?

2) Отдельный вопрос Gulp, uglify работает, чтобы минимизировать файлы CSS и JS? Или есть отдельный плагин для использования CSS?

3) Есть ли плагин для миниатюризации HTML-файлов? Не слишком знакомы с тем, что доступно. Все еще пытаясь учиться на примере, но они сработали все разные плагины, и мне не нужно использовать их все. Но когда я раздвигаю их, я разбиваю много вещей, поэтому на работу приходится много времени. Я могу потратить на это несколько дней, пытаясь заставить его работать правильно.

Answer 1

1. Да, я люблю Gulp больше, чем ворчать, и у меня есть пример gist на github. Вы можете проверить его здесь: https://gist.github.com/manar007/7ce4dd0bdd9b76edb2ea. Это для большого проекта, я думаю, что это будет полезно для вас
2. Использование gulp-minify-css и в основном настроены для CSS вещи
3. При создании углового приложения на основе так что лучший способ настроить templateCache и поставить весь свой HTML в к этому, и затем CONCAT его с вашим файлом JS либо встраивать как другой файл gulp-angular-templatecache

gulp.task('build-template-cache', function() { 
    var stream = gulp.src('/app/**/*.html') 
    .pipe(templateCache({ 
     module:'yourAngularModuleName' 
    })) 
    .pipe(gulp.dest(config.distDir + '/js')); 
    return stream; 
});

и другие примеры можно найти в выше GIST ссылке.