CherryTea
т.е. ручной import здесь не подходит?
предположим что css файлов море
Anonymous
В рамках одного таска
CherryTea
вот этого как раз и хотелось избежать. Эх, ну ладно, будет некрасиво
Anonymous
Есть всякие мультипайп, но я не пользовался, не знаю что они могут
Anonymous
https://www.npmjs.com/package/multipipe
Anonymous
https://github.com/axept/react-fullstack
Anonymous
еще есть какие-то такие штуки от кого-нибудь?
Anonymous
где какие-то живые люди признаются что им нравится и на чем они делают проекты сейчас?
Anonymous
предположим что css файлов море
можно еще через gulp-concat все файлы соединить
Anonymous
выше обсуждали сегодня этот список
Anonymous
от @ZeroBias
Anonymous
самое простое импортами, их тоже можно автоматизировать кстати, если файлов сильно много
Anonymous
gulp.task('css', function() { return gulp.src('./src/**/*.styl') .pipe(gulpStylus()) .pipe(gulpConcat('styles.css')) .pipe(gulp.dest('./tmp')) })
CherryTea
можно еще через gulp-concat все файлы соединить
ну я вот так и пробовал, но в луп ухожу до него
Anonymous
ну я вот так и пробовал, но в луп ухожу до него
gulp-watch может смотрят определенную директорию и запускают по новой таск
Anonymous
иначе я хз как можно в луп уйти
Anonymous
если это стрим
Дима
Я правда уже его слабо помню, но с его пайпами можно и гораздо сложнее выкрутасы делать
Anonymous
Нет
Ну как нет на таск один вход один выход
Anonymous
https://github.com/icebob/vue-express-mongo-boilerplate
Anonymous
почему то эти бойлерплейты только для js :)
Дима
А, фича в том, что у тебя просто жс, значит в рамках одного таска можно произвольно делить и склеивать потоки
CherryTea
иначе я хз как можно в луп уйти
gulp.task('stylus:build', function () { gulp.src(path.src.stylus) .pipe(sourcemaps.init()) .pipe(stylus()) .pipe(sourcemaps.write()) .pipe(gulp.dest(path.src.style)) .pipe(reload({stream: true})); }); gulp.task('style:build', function () { gulp.src(path.src.style) .pipe(sourcemaps.init()) .pipe(prefixer()) .pipe(cssmin()) .pipe(gulp.dest(path.build.css)) .pipe(reload({stream: true})); });
Anonymous
наверно я не там спрашиваю :)
Anonymous
Ну таски можно в серии объединять и даже в серии серий, но это немного не то
CherryTea
вот так можно уйти в луп без вотчера
Anonymous
return добавь, мож пройдет болячка
Anonymous
перед gulp.src
Nikolay
вот этого как раз и хотелось избежать. Эх, ну ладно, будет некрасиво
ты всегда можешь общие части и пайпы у разных тасков вынести в функции, соблюдая dry принцип
Anonymous
может есть какой-то канал в телеграме где говорят не только про js а про всё вместе? :)
CherryTea
Anonymous
@jbright как называется?
CherryTea
не, не помогло
Anonymous
А луп во время изменения стилей?
CherryTea
луп на втором таске, если вызываю их цепочкой gulp.task('build', [ .... 'stylus:build', 'style:build', .... ]);
Anonymous
Может обработчик ошибок повесить
Anonymous
На пайп со стайлусом
CherryTea
аа, блин, таски паралельно запускаются...
CherryTea
*стыдно*
CherryTea
я что-то решил что это цепочка
Anonymous
цепочку можно через run-sequence плагин запилить
Anonymous
4 галп поудобней в этом плане
Anonymous
gulp-sequence мб?
нет, run-sequence
CherryTea
есть еще какой-то gulp-run-sequence
Anonymous
там если зайти на gulp-sequence репозиторий, то тебя пошлют всё делать через run-sequence)
Anonymous
понятно)
gulp.task('stylus:build', function() { ... }) gulp.task('styles:build', ['stylus:build'], function() { ... }) gulp.task('default', ['styles:build'])
Anonymous
еще можно так
Anonymous
т.е. проставить зависимости друг от друга
Anonymous
запускаешь дефолт, оно запускает стайлс билд, но перед тем как запуститься, запускает стайлус билд
Anonymous
@jbright любезный, что за канал вы имели в виду?
Yaroslav
Ребята, есть вопрос
Yaroslav
Я вот допустим юзаю class Elements{} в конструкторе кеширую елементы дом
Yaroslav
Это вообще нормальная практика?
Nikolay
Это вообще нормальная практика?
при удалении элемента из DOM дерева, ссылка на него останется в твоем классе Elements
Nikolay
т.е это потенциальный memory leak
Anonymous
вы бы для начала определились как он "кеширует"
Anonymous
memory leak в js быть не может если движок без ошибок
Anonymous
что конкретно?
Sergey
чтоб код без ошибок
Yaroslav
Ребят, по сабжу кто-то ответит?
Anonymous
ну вряд ли уж щас в каком-то движке сделали мемори лик из-за того что кто-то удалил узел дом :)
Anonymous
тебе не по сабжу отвечают чтоли? как ты "кешируешь"?
Yaroslav
Просто в this.$el = document.createElement
Anonymous
и что в этом такого необычного?
Anonymous
оно возвратит "ссылку" на объект ты её куда-то записал
Anonymous
потом обращаешься к этому объекту по ней
Anonymous
в чем кеширование непонятно
Anonymous
createElement: (function(){ // Memorize previous elements created var cache = {}; return function(tagname) { if (!(tagname in cache)) { // Create new instance of specified element and store it cache[tagname] = document.createElement(tagname); } // If we've already created an element of the specified kind then duplicate it return cache[tagname].cloneNode(false); } }())