В приложении 2.7

https://snipcart.com/blog/progressive-migration-backbone-vuejs-refactoring

А вебпак какой версии? Точно там tree shaking работает?

Судя по .babelrc - tree shaking должен работать

Тогда странно(

Может еще где-то подтягивается весь lodash?

Запросто может быть, что какой-то сторонний плагин его тянет(

У меня не очень большой стек, так что думаю вряд ли

Гмм

Ладно буду раскуривать дальше

Ребята в статье на хабре месячной давности все-таки рекомендуют https://github.com/lodash/babel-plugin-lodash

Либо другой вариант - руками из lodash modularized тягать то что нужно

Но как-то не особо хочется честно говоря

А в webpack 3.3.0 treeshaking работает? Смущает вот эта фраза из доки "webpack 2 comes with a built-in support for ES2015 modules (alias harmony modules) as well as unused module export detection."

Ребят, подскажите плиз банальную вещь, не понимаю почему так работает. Вывожу в методе в консоль значение переменной и получаю undefined. Что не так?

data: () => ({ login: '123' }), methods: { onSubmit: () => { console.log(this.login); } }

потому что стрелочная функция

пиши просто onSubmit () { console.log() }

или onSubmit: function () { console.log() }

без или, зачем писать в старом ES когда можно в новом короче?

ага уже сделал)) спасибо все работает )

без или, зачем писать в старом ES когда можно в новом короче?

пишут в старом ES для совместимости со старыми браузерами

Кто-то сталкивался с проблемой UglifyJS и async/await?

пишут в старом ES для совместимости со старыми браузерами

нет, пишут в новом js и юзают babel

нет, пишут в новом js и юзают babel

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

если какой-то мудак напишет модуль на новом js он у тебя не полетит на продакшене

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

? ну ок, пиши как знаешь)

походу ты меня не очень хорошо понял, но ок

c uglify много вопросов возникает, он имеет свой взгляд на систаксис js и видит ошибки связанные с минификацией, посмотри нужную строчку и перепиши

Она заработает только если убрать там async/await

А мне он там нужен

походу ты меня не очень хорошо понял, но ок

походу, поясни

без ошибочных аргументов, пожалуйста)

У меня uglifyjs завелся только с пресетом "env" причем настройка пресета должна быть в babelrc а не в package.json

У меня uglifyjs завелся только с пресетом "env" причем настройка пресета должна быть в babelrc а не в package.json

Благодарю

Пресет env выручил

походу, поясни

всё просто, если ты пишешь какой-то модуль для общего пользования, то должен сделать так что его можно было запустить хотя бы без подключения webpack-a и babel-а, поэтому если ты например через npm модуль получил то babel думает что там всё норм в модулях, у него игнор по дефолту, а теперь представь что кому-то захотелось это изменить, во первых никто не сможет просто так его подключить через простой <script> для демонстрации, во вторых тебе придется убрать у бабел игнор и у тебя компиляция приложения займет гораздно больше времени

сорян, кратно не получалось

У меня uglifyjs завелся только с пресетом "env" причем настройка пресета должна быть в babelrc а не в package.json

Прямо оч выручил

spread правда не заведется так, поэтому еще "plugins": [ "transform-object-rest-spread" ]

ну и npm i transform-object-rest-spread

всё просто, если ты пишешь какой-то модуль для общего пользования, то должен сделать так что его можно было запустить хотя бы без подключения webpack-a и babel-а, поэтому если ты например через npm модуль получил то babel думает что там всё норм в модулях, у него игнор по дефолту, а теперь представь что кому-то захотелось это изменить, во первых никто не сможет просто так его подключить через простой <script> для демонстрации, во вторых тебе придется убрать у бабел игнор и у тебя компиляция приложения займет гораздно больше времени

?

rest-spread стоит

Правда щас аппликуха ругаеца на regeneratorRuntime is not defined

Ща еще полифилл доставлю

всё просто, если ты пишешь какой-то модуль для общего пользования, то должен сделать так что его можно было запустить хотя бы без подключения webpack-a и babel-а, поэтому если ты например через npm модуль получил то babel думает что там всё норм в модулях, у него игнор по дефолту, а теперь представь что кому-то захотелось это изменить, во первых никто не сможет просто так его подключить через простой <script> для демонстрации, во вторых тебе придется убрать у бабел игнор и у тебя компиляция приложения займет гораздно больше времени

всё просто) пишешь с webpackom и babel на ES новом и отдаешь разобранный модуль с исходниками кода , а также собранный модуль переработтый в код старого формата для быстрого подключения. Кому что надо те то и юзают. Это же очевидно чувак)

скачай любой модуль и увидишь src и dist ))

у меня "webpack": "^3.3.0" на regeration не ругается, но в процессе разбирательств ругалась, а как пофиксил не помню (

"babel-preset-env": "^1.6.0",

regeneration починил плагином

[ "transform-runtime", { "polyfill": false, "regenerator": true } ]

всё просто) пишешь с webpackom и babel на ES новом и отдаешь разобранный модуль с исходниками кода , а также собранный модуль переработтый в код старого формата для быстрого подключения. Кому что надо те то и юзают. Это же очевидно чувак)

хммм, ладно, ты выиграл спор

thx

Тема такая

Не хватает опять вот этого с одной стороны пики точеные...

Есть <div class="card-header" @click="toggleSection">Foo</div> <div class="card-section" :class="{ 'is-shown' : isShown }">Bar</div> data: { isShown: false }, method: { toggleSection() { this.isShown = true; } }

Метод стирай нах

Вместо toggleselection в шаблоне пиши

В стилях: is-shown { display: block; }

isShown = ! isShown

Доброго дня! Следуя традиции: 1) Работаю в одном IT стартапе аграрной тематики (больше увы пока сказать не могу ибо комерческая тайна :) ) Помимо стартапа имеется своя небольшая веб-студия (42px.ru) которую поднимаем вместе с корешами-девелоперами. Стартап пишем на стеке nodejs + mongodb + vuejs spa. 2) Фулстак. По большей части пишу на js. 3) Более менее разибраюсь во вью (опыт на вью чуть меньше года). Шарю в вебпаке и всяких фронтенд-штуках. Неплохо знаю ноду, есть большой опыт в разработке resfull api. 4) интересные не типичные вопросы связанные с использованием вью 5) Красноярск 6) Посоветовал товарищ тадам #whois

Класс со стилем тоже нах стас. И юзай в-шоу

Вместо toggleselection в шаблоне пиши

@click="isShown =! isShown ?

По клику оно должно принять противоположное значение

<div class="card-section" v-show="isShown = true"> И так?

ERROR: S client not available

Равно тру нах тебе?

Проверка

Она так и так на тру сравнивает

Просто изшовн оставь

Наконец-то выходные и я могу заняться вьюшкой

Вашу вьюшку в прожс вуем назвали

Ну это тот же жиквери, но чуть сложней

Шучу, конечно

гайз нубский вопрос во вую (troll.jpg) юзаю vue-nav-tabs как можно задать кастомный атрибут, который потом выдергивать из самого компонента? вот пример из доки компонента с добавленным мне нужным атрибутом (subscriptionType)

https://jsfiddle.net/b44cc4dq/252/

Просто изшовн оставь

По клику сразу все открываются

Мне нужно именно с контекстом

Поэтому и переключение класса сначала написал

Поэтому и переключение класса сначала написал

v-show="isShown"

А на @click делай как Денис написал

<div class="card-header" @click="isShown = !isShown">

<div class="card-section" v-show="isShown">

да, должно работать

Оно работает

Но у меня карточек много, и клик на одной открывает и другие

Подойдет? https://jsfiddle.net/c01nd01r/uujj0m8d/2/

Подойдет? https://jsfiddle.net/c01nd01r/uujj0m8d/2/

Спасибо

?

всем привет, если кто помнит мою вчерашнюю проблему с компонентами(вместо show показывалось всегда index) - оказалось у меня в index нет router-view. А так как show был дочерним от index, ему негде было показать его. Не знал про такую фишку

А на @click делай как Денис написал

А в соседнем чате он мне "Ю донт нид $" прислал

Всем привет! 1) Работаю в холдинге университета Синергия дизайнером. Программированием интересуюсь параллельно. 2) Специалист в дизайне, если таковым вообще можно быть. 3) В качестве специалиста по vue.js быть полезным не смогу, но по дизайну вполне. 4) Наткнулся на vue.js, захотелось изучить. Теперь окружаю себя информацией о вью. 5) МО, Долгопрудный 6) С гитхаба https://github.com/vuejs/awesome-vue#examples #whois

У меня провал с дизайном (((

У меня провал с дизайном (((

vuetify?

?

https://www.webpackbin.com/bins/-Kp_JI70HJs0Cz35wN7i Чот я туплю где-то

vuetify?

vuedyotnax

vuedyotnax

https://www.google.kz/search?q=vuedyotnax&rlz=1C1PRFI_enKZ743KZ745&oq=vuedyotnax&aqs=chrome..69i57.478j0j7&sourceid=chrome&ie=UTF-8