Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


ArtemPitov

Recommended Posts

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

 

Решил создать тему для тех кто пользуется 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 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.