CherryTea
CherryTea
Anonymous
В рамках одного таска
CherryTea
вот этого как раз и хотелось избежать. Эх, ну ладно, будет некрасиво
Anonymous
Есть всякие мультипайп, но я не пользовался, не знаю что они могут
CherryTea
Anonymous
https://www.npmjs.com/package/multipipe
Anonymous
https://github.com/axept/react-fullstack
Anonymous
еще есть какие-то такие штуки от кого-нибудь?
Anonymous
где какие-то живые люди признаются что им нравится и на чем они делают проекты сейчас?
Anonymous
Anonymous
выше обсуждали сегодня этот список
Anonymous
от @ZeroBias
Anonymous
самое простое импортами, их тоже можно автоматизировать кстати, если файлов сильно много
Anonymous
gulp.task('css', function() {
return gulp.src('./src/**/*.styl')
.pipe(gulpStylus())
.pipe(gulpConcat('styles.css'))
.pipe(gulp.dest('./tmp'))
})
Дима
Anonymous
иначе я хз как можно в луп уйти
Anonymous
если это стрим
Дима
Я правда уже его слабо помню, но с его пайпами можно и гораздо сложнее выкрутасы делать
Anonymous
Нет
Ну как нет на таск один вход один выход
Anonymous
https://github.com/icebob/vue-express-mongo-boilerplate
Anonymous
почему то эти бойлерплейты только для js :)
Дима
А, фича в том, что у тебя просто жс, значит в рамках одного таска можно произвольно делить и склеивать потоки
Serhiy
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
Anonymous
return добавь, мож пройдет болячка
Anonymous
перед gulp.src
Anonymous
может есть какой-то канал в телеграме где говорят не только про js а про всё вместе? :)
Anonymous
CherryTea
Anonymous
@jbright как называется?
CherryTea
не, не помогло
Anonymous
А луп во время изменения стилей?
CherryTea
луп на втором таске, если вызываю их цепочкой
gulp.task('build', [
....
'stylus:build',
'style:build',
....
]);
Anonymous
Может обработчик ошибок повесить
Anonymous
На пайп со стайлусом
CherryTea
аа, блин, таски паралельно запускаются...
CherryTea
*стыдно*
CherryTea
я что-то решил что это цепочка
Anonymous
цепочку можно через run-sequence плагин запилить
Anonymous
4 галп поудобней в этом плане
CherryTea
CherryTea
есть еще какой-то gulp-run-sequence
Anonymous
там если зайти на gulp-sequence репозиторий, то тебя пошлют всё делать через run-sequence)
CherryTea
Anonymous
понятно)
gulp.task('stylus:build', function() {
...
})
gulp.task('styles:build', ['stylus:build'], function() {
...
})
gulp.task('default', ['styles:build'])
Anonymous
еще можно так
Anonymous
т.е. проставить зависимости друг от друга
Anonymous
запускаешь дефолт, оно запускает стайлс билд, но перед тем как запуститься, запускает стайлус билд
CherryTea
Anonymous
@jbright любезный, что за канал вы имели в виду?
Yaroslav
Ребята, есть вопрос
Yaroslav
Я вот допустим юзаю class Elements{} в конструкторе кеширую елементы дом
Yaroslav
Это вообще нормальная практика?
Nikolay
т.е это потенциальный memory leak
Yaroslav
Anonymous
вы бы для начала определились как он "кеширует"
Anonymous
memory leak в js быть не может если движок без ошибок
Sergey
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);
}
}())