@vuejs_ru

Страница 1729 из 3900
Alexey
12.12.2017
09:59:46
бывает очень связняа система, передавать по цепочке компонент не всегда удобно можно через глобальный стейт делать, будет чище

DimenSi
12.12.2017
09:59:47
Alexey
12.12.2017
10:00:18
Google
Stanislav
12.12.2017
10:00:37
ага

DimenSi
12.12.2017
10:00:40
и нету глобальных эммитов

Alexey
12.12.2017
10:01:30
про sync понял, у меня не было опыта работы с Vue 1.x

Stanislav
12.12.2017
10:01:48
DimenSi
12.12.2017
10:02:01
про sync понял, у меня не было опыта работы с Vue 1.x
оно появилось недавно, так что для всех ново

Alexey
12.12.2017
10:02:09
This is why we removed the .sync modifier when 2.0 was released

DimenSi
12.12.2017
10:02:13
кто пришел сразу на 2версию

Roman
12.12.2017
10:02:17
в 2.3 вернули

Alexey
12.12.2017
10:02:53
ага In 2.3.0+ we re-introduced the .sync modifier for props, but this time it is only syntax sugar that automatically expands into an additional v-on listener:

DimenSi
12.12.2017
10:03:22
Alexey
12.12.2017
10:03:42
да какая разница, и так понятно

Google
Kirill
12.12.2017
10:04:42
у меня вопрос - вы страдаете от размеров bunlde или все просто забивают на это? сейчас в проекте используем element ui , moment js и lodash vendor.js получается в 950 кб. по репорту только element ui на 550 кб или я просто не умею что-то готовить?

Alexey
12.12.2017
10:06:18
тут просто полно людей которые спешат наговнокодить и не могут даже найти доку на вью.
да мне не нужно говнокодить, пока времени в теории разобраться не было, основные моменты глянул, а последние изменения не знал вот щас как раз немного разобраться решил

DimenSi
12.12.2017
10:06:19
ты не умеешь готовить
для лодаша есть либа под бабель, которая позволяет улучшить shaking tree( ну точней за тебя переписывает импорты) для момента нужно вырезать не нужные языки

Alexey
12.12.2017
10:06:34
спасибо за помощь :)

DimenSi
12.12.2017
10:07:17
в элемент ui вроде тоже есть либа для бабеля, которая позволяет вырезать лишнее

Kirill
12.12.2017
10:07:25
ну ок,лодаш он сейчас в 90 кб, сейчас посмотрю точнее

DimenSi
12.12.2017
10:08:04
ну ок,лодаш он сейчас в 90 кб, сейчас посмотрю точнее
я уверен, что момент больше всего у тебя место забирает

Roman
12.12.2017
10:08:31
<!--vue-ssr-outlet--> добавь в html
верно, спасибо, не тот html файл кидал в createBundleRenderer..

Kirill
12.12.2017
10:08:37
я тоже в этом уверен) модуль для вебпак искал, не нашел

китайский даже учить пробовал

DimenSi
12.12.2017
10:10:00
я тоже в этом уверен) модуль для вебпак искал, не нашел
там не модуль используется, а плагин вебпака contextreplacement

Kirill
12.12.2017
10:10:24
стоп не момент а element moment.js я вырезаю все лишнее через ContextReplacementPlugin

50 кб moment

element ui при этом 530 идея в том, чтобы порезать ненужное через ContextReplacementPlugin?

DimenSi
12.12.2017
10:13:01
только для момента

в element-ui

http://element.eleme.io/#/en-US/component/quickstart

babel-plugin-component

Google
Kirill
12.12.2017
10:15:45
минифицированный, но там весь ui

Roman
12.12.2017
10:16:00
чет дохера)

еще лодеш много жрет кст. я так и не понял как в нем нормальный тришейкинг делать без еще каких то левых плагинов

Kirill
12.12.2017
10:17:29
дохера вариант с babel-plugin-component годный только надо помнить что тебе надо, а что нет

захотел нотификацию - добавил

Kirill
12.12.2017
10:28:46
счас проведу тест с выпиливанием

Alex
12.12.2017
10:29:44
Там в доках есть об этом

Вполне прилично урезался

Stanislav
12.12.2017
10:30:14
Он кстати ж модульно вытягивается
Я хрен знает, видел, но не было желания разбираться

Roman
12.12.2017
10:30:41
кто-то может подсказать либу по типу draggable-resizable с поддержкой SSR?

Alex
12.12.2017
10:30:43
Да ладно. 1 вебпак плагин и 3 строчки в package.json

Maxim
12.12.2017
10:31:09
слушайте, а есть вообще где-нить на просторах сети табличка сравнения популярных либ компонентов для вью?

Stanislav
12.12.2017
10:31:27
Окей. Очень может быть :)

Roman
12.12.2017
10:34:53
кто-то может подсказать либу по типу draggable-resizable с поддержкой SSR?
зачем тебе такие плагины рендерить на сервере? пиши их в process.browser

Roman
12.12.2017
10:36:56
зачем тебе такие плагины рендерить на сервере? пиши их в process.browser
пока еще не делал такого. это прописывается где-то в webpack.client.config.js?

Alex
12.12.2017
10:37:17
Окей. Очень может быть :)
главное не спутать версии и сделать так "libraryName": "element-ui", "style": false

Roman
12.12.2017
10:37:41
нет.. это там где ты используешь плагин или импортишь его.

Google
Roman
12.12.2017
10:40:57
нет.. это там где ты используешь плагин или импортишь его.
имеется в виду условие? по типу if (process.browser) import Component from './component'

Alex
12.12.2017
10:41:57
https://v8project.blogspot.com.by/2017/10/optimizing-proxies.html

Roman
12.12.2017
10:42:04
имеется в виду условие? по типу if (process.browser) import Component from './component'
да, только такой импорт не будет работать)

Alex
12.12.2017
10:42:12
Всё ближе вью на проксях

Roman
12.12.2017
10:42:50
да, только такой импорт не будет работать)
какой будет? хотя бы в какую сторону копать

Roman
12.12.2017
10:43:32
if (process.browser) const Component = () => import("./component")

Roman
12.12.2017
10:43:49
не он не так пишется)

Roman
12.12.2017
10:43:58
исправил

Kirill
12.12.2017
10:46:30
итак, результаты выкинул ненужное из element ui, типа color picker + еще 10 компонентов примерно сделал new webpack.NormalModuleReplacementPlugin(/element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, 'element-ui/lib/locale/lang/ru-RU') как написано в документации от element ui получил вместо 530 кб -> 480 кб

Admin
ERROR: S client not available

Kirill
12.12.2017
10:47:03
ну тоже результат, но на общую картину не влияет vendor.js стал 900 кб

Kirill
12.12.2017
10:48:43
по репорту - самые тяжеловесные: table, date-picker, popper , time picker - это примерно на 150 кб

да, компоненты импортирую

Alex
12.12.2017
10:49:14
{datePicker} так или просто datePicker

Kirill
12.12.2017
10:50:11
это про element ui = DatePicker компонент его

Alex
12.12.2017
10:50:21
я понял

Roman
12.12.2017
10:50:55
не он не так пишется)
не понимаю пока, почему, но при подобном импорте (еще и раньше было в роутере, но там условного импорта не было, поэтому заменил на import ... from) выбивает "SyntaxError: Unexpected token" делаю - const VueDraggableResizable = () => import("vue-draggable-resizable")

Google
Roman
12.12.2017
10:53:05
нода версии v8.9.1

Kirill
12.12.2017
10:53:44
в общем конечно нет ничего трагичного, 900 кб vendor.js + 100 кб app.js но я пришел сюда из бекенда и джиквери, исторически js>100 килобайт меня пугает)

Roman
12.12.2017
10:54:37
бабель есть

stage 2 сейчас гляну

Roman
12.12.2017
10:55:02
stage 2 уже не модно
а чо модно?)

Stanislav
12.12.2017
10:55:20
а чо модно?)
babel-preset-env

Roman
12.12.2017
10:55:26
в нем нету динамик импорта)

Stanislav
12.12.2017
10:55:41
?

Roman
12.12.2017
10:56:12
эт в 7 бабеле запилят вроде. не помню как там было, стейдж 2 объединят или как-то так

Roman
12.12.2017
10:57:12
поставил уже и stage 2

бабель был

Roman
12.12.2017
10:57:25
ну все верно он не понимает синтаксис

Roman
12.12.2017
10:57:34
babel-preset-env тоже стоит

угу, я вижу

Roman
12.12.2017
10:57:52
в .babelrc стейдж 2 добавил?

Roman
12.12.2017
11:00:35
в .babelrc стейдж 2 добавил?
нет, спасибо, собралось. сейчас еще пару внешних компонентов так уберу и посмотрим, запустится ли

Vladimir
12.12.2017
11:02:19
Ребят, а в наксте есть обычные роутинге, не динамические?)

Nikolai
12.12.2017
11:11:26
подскажите, можно ли в nuxt задать свойства конкретному роуту?

надо meta для роута сделать

Илья
12.12.2017
11:12:25
@nuxtjs_ru

Страница 1729 из 3900