ArtemPitov Опубліковано: 26 березня 2016 Share Опубліковано: 26 березня 2016 Доброго времени суток, Господа ! Решил создать тему для тех кто пользуется 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-notify/ - всплывашки https://www.npmjs.com/package/gulp-data-uri кодирования картинок в bsae 64 Надіслати Поділитися на інших сайтах More sharing options... pantagruel964 Опубліковано: 26 березня 2016 Share Опубліковано: 26 березня 2016 У меня так. 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'); Надіслати Поділитися на інших сайтах More sharing options... ArtemPitov Опубліковано: 26 березня 2016 Автор Share Опубліковано: 26 березня 2016 У меня так. 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 не собирал еще, что есть интересного для него ? Надіслати Поділитися на інших сайтах More sharing options... pantagruel964 Опубліковано: 26 березня 2016 Share Опубліковано: 26 березня 2016 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"; Надіслати Поділитися на інших сайтах More sharing options... ArtemPitov Опубліковано: 26 березня 2016 Автор Share Опубліковано: 26 березня 2016 спасибо, возьму на вооружение Надіслати Поділитися на інших сайтах More sharing options... Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Gulp | Самое интересное внутри ! Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення PRICE MASTER - Модуль імпорту/експорту товарів, парсинг, переклад, генерація текстів, редактор каталогу та багато іншого Автор: ScriptBrains 1.0 Синхронізація Замовлень Rozetka.ua та Opencart Автор: sinco Product Manipulator Автор: Hiperlynx007 Видалення дублікатів товарів для OpenCart Автор: Hatshypsut Вибір категорій і виробників для "Знайшли дешевше" шаблону Upstore Автор: Flint2000 × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
pantagruel964 Опубліковано: 26 березня 2016 Share Опубліковано: 26 березня 2016 У меня так. 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'); Надіслати Поділитися на інших сайтах More sharing options... ArtemPitov Опубліковано: 26 березня 2016 Автор Share Опубліковано: 26 березня 2016 У меня так. 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 не собирал еще, что есть интересного для него ? Надіслати Поділитися на інших сайтах More sharing options... pantagruel964 Опубліковано: 26 березня 2016 Share Опубліковано: 26 березня 2016 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"; Надіслати Поділитися на інших сайтах More sharing options... ArtemPitov Опубліковано: 26 березня 2016 Автор Share Опубліковано: 26 березня 2016 спасибо, возьму на вооружение Надіслати Поділитися на інших сайтах More sharing options... Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Gulp | Самое интересное внутри ! Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення PRICE MASTER - Модуль імпорту/експорту товарів, парсинг, переклад, генерація текстів, редактор каталогу та багато іншого Автор: ScriptBrains 1.0 Синхронізація Замовлень Rozetka.ua та Opencart Автор: sinco Product Manipulator Автор: Hiperlynx007 Видалення дублікатів товарів для OpenCart Автор: Hatshypsut Вибір категорій і виробників для "Знайшли дешевше" шаблону Upstore Автор: Flint2000
ArtemPitov Опубліковано: 26 березня 2016 Автор Share Опубліковано: 26 березня 2016 У меня так. 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 не собирал еще, что есть интересного для него ? Надіслати Поділитися на інших сайтах More sharing options... pantagruel964 Опубліковано: 26 березня 2016 Share Опубліковано: 26 березня 2016 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"; Надіслати Поділитися на інших сайтах More sharing options... ArtemPitov Опубліковано: 26 березня 2016 Автор Share Опубліковано: 26 березня 2016 спасибо, возьму на вооружение Надіслати Поділитися на інших сайтах More sharing options... Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Разное Курилка Gulp | Самое интересное внутри !
pantagruel964 Опубліковано: 26 березня 2016 Share Опубліковано: 26 березня 2016 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"; Надіслати Поділитися на інших сайтах More sharing options... ArtemPitov Опубліковано: 26 березня 2016 Автор Share Опубліковано: 26 березня 2016 спасибо, возьму на вооружение Надіслати Поділитися на інших сайтах More sharing options... Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку
ArtemPitov Опубліковано: 26 березня 2016 Автор Share Опубліковано: 26 березня 2016 спасибо, возьму на вооружение Надіслати Поділитися на інших сайтах More sharing options... Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0
Recommended Posts