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

1) У меня есть настройка приложения angular с «рекомендации для структуры приложения angular< /а>». Таким образом, папка каждого раздела может иметь свой файл *.scss. Нужно преобразовать *.scss в *.css и вывести файл *.css в ту же папку.

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

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

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

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


angularjs gulp minify gulp-sass gulp-uglify
person BuildTester1    schedule 06.10.2014    source источник

Ответы (1)


arrow_upward
2
arrow_downward

  1. Да, я люблю Gulp больше, чем grunt, и у меня есть пример на github. Вы можете проверить это здесь: https://gist.github.com/manar007/7ce4dd0bdd9b76edb2ea. Это для большого проекта, я думаю, это будет полезно для вас
  2. Используйте gulp-minify-css, и он в основном настроен для работы с CSS.
  3. Если вы создаете приложение на основе angular, лучший способ настроить templateCache и поместить в него весь свой HTML, а затем объединить его с файлом 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;
});

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

person Narek Mamikonyan    schedule 06.10.2014