Перейти к содержанию
ArtemPitov

Gulp | Самое интересное внутри !

Рекомендуемые сообщения

Доброго времени суток, Господа !

 

Решил создать тему для тех кто пользуется Gulp - ом, давайте делиться плагинами, кто какие использует ?

 

Вот мой набор

 

https://www.npmjs.com/package/gulp-autoprefixer - автопрефиксер css использует всегда актуальную базу с сайта http://caniuse.com
https://www.npmjs.com/package/gulp-csscomb - расческа для css 
https://www.npmjs.com/package/gulp-rename/ - переименования файлов
https://www.npmjs.com/package/gulp-concat-css/ - собирает все css в один
https://www.npmjs.com/package/gulp-uncss/ удаления не использованых стилей 

https://www.npmjs.com/package/gulp-data-uri кодирования картинок в bsae 64 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

У меня так. Rigger удобнее, чем concat. У вас concat-css, a js не собираете?

var gulp = require('gulp'),
    prefixer = require('gulp-autoprefixer'),
    uglify = require('gulp-uglify'),
    watch = require('gulp-watch'),
    sass = require('gulp-sass'),
    cssmin = require('gulp-minify-css'),
    rigger = require('gulp-rigger');

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

 

У меня так. Rigger удобнее, чем concat. У вас concat-css, a js не собираете?

var gulp = require('gulp'),
    prefixer = require('gulp-autoprefixer'),
    uglify = require('gulp-uglify'),
    watch = require('gulp-watch'),
    sass = require('gulp-sass'),
    cssmin = require('gulp-minify-css'),
    rigger = require('gulp-rigger');

чем удобнее Rigger, я не работал с ним

 

кстати еще stylus на борту у меня и gulp-clean-css, js не собирал еще, что есть интересного для него ? 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

concat неудобно работает с путями, т.е.

если указать такой источник

gulp.src('./lib/*.js')

он, конечно, соберет все содержимое в одну кучу, но обрабатывая файлы в алфавитном порядке. Понятно, что скорее всего будет фейл, особенно, если присутствует jquery.js

 

Можно еще указать так

gulp.src(['./lib/file3.js', './lib/file1.js', './lib/file2.js'])

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

 

С риггером проще. Просто указываем источник

src: { js: 'js/file.js' }

и в него добавляем пути к файлам

//= file1
//= file2
//= file3
//= file4
//= file5
//= file6
//= file7
//= file8

при этом кодить можно прямо в источнике, т.к. в отличие от concat, он не соединяет файлы, а импортирует данные из других файлов в источник

 

для css тоже просто, указываем источник и импортируем в туда

@import "file1";
@import "file2";
@import "file3";
@import "file4";
@import "file5";
@import "file6";
@import "file7";

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

спасибо, возьму на вооружение 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.