зачем тебе такие плагины рендерить на сервере? пиши их в process.browser
пока еще не делал такого. это прописывается где-то в webpack.client.config.js?
Roman
Oleksandr
Окей. Очень может быть :)
главное не спутать версии
и сделать так
"libraryName": "element-ui",
"style": false
ℝei
нет.. это там где ты используешь плагин или импортишь его.
Roman
нет.. это там где ты используешь плагин или импортишь его.
имеется в виду условие?
по типу if (process.browser) import Component from './component'
Alex
https://v8project.blogspot.com.by/2017/10/optimizing-proxies.html
ℝei
имеется в виду условие?
по типу if (process.browser) import Component from './component'
да, только такой импорт не будет работать)
Alex
Всё ближе вью на проксях
Roman
if (process.browser)
const Component = () => import("./component")
ℝei
не он не так пишется)
Roman
исправил
Kirill
итак, результаты
выкинул ненужное из 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 кб
Kirill
ну тоже результат, но на общую картину не влияет
vendor.js стал 900 кб
Oleksandr
а вы компонеты импортите?))
Kirill
по репорту - самые тяжеловесные:
table, date-picker, popper , time picker - это примерно на 150 кб
Kirill
да, компоненты импортирую
Oleksandr
{datePicker}
так или просто datePicker
Kirill
это про element ui = DatePicker компонент его
Oleksandr
я понял
Roman
не он не так пишется)
не понимаю пока, почему, но при подобном импорте (еще и раньше было в роутере, но там условного импорта не было, поэтому заменил на import ... from) выбивает "SyntaxError: Unexpected token"
делаю - const VueDraggableResizable = () => import("vue-draggable-resizable")
Roman
нода версии v8.9.1
Kirill
в общем конечно нет ничего трагичного, 900 кб vendor.js + 100 кб app.js
но я пришел сюда из бекенда и джиквери, исторически js>100 килобайт меня пугает)
ℝei
не понимаю пока, почему, но при подобном импорте (еще и раньше было в роутере, но там условного импорта не было, поэтому заменил на import ... from) выбивает "SyntaxError: Unexpected token"
делаю - const VueDraggableResizable = () => import("vue-draggable-resizable")
чет такой ошибки не встречал, ну для этого импорта нужен бабель и stage 2 пресет.
Roman
бабель есть
Roman
stage 2 сейчас гляну
Stanislav
чет такой ошибки не встречал, ну для этого импорта нужен бабель и stage 2 пресет.
stage 2 уже не модно
ℝei
в нем нету динамик импорта)
Stanislav
🤔
ℝei
эт в 7 бабеле запилят вроде. не помню как там было, стейдж 2 объединят или как-то так
Roman
Roman
поставил уже и stage 2
Roman
бабель был
ℝei
Roman
babel-preset-env тоже стоит
Roman
угу, я вижу
ℝei
в .babelrc стейдж 2 добавил?
Roman
в .babelrc стейдж 2 добавил?
нет, спасибо, собралось. сейчас еще пару внешних компонентов так уберу и посмотрим, запустится ли
Vladimir
Ребят, а в наксте есть обычные роутинге, не динамические?)
Anonymous
подскажите, можно ли в nuxt задать свойства конкретному роуту?
Anonymous
надо meta для роута сделать
Илья
@nuxtjs_ru
Roman
нет.. это там где ты используешь плагин или импортишь его.
получилось так, что все компилится, но при запуске не обнаруживает компонент со стандартным текстом ошибки ReferenceError: VueDraggableResizable is not defined
Vladimir
Лол, скоро создадут и vuex чат, vue-multiselect чат и т.д.
Roman
хотя странно, импорт происходит, но в блоке components не видно его.
Roman
ℝei
хотя странно, импорт происходит, но в блоке components не видно его.
поидее это надо как-то так делать
if(process.browser) Vue.use(...)
Anonymous
ребят, никто не знает, есть ли какой нибудь канальчик по three или webgl?
Roman
поидее это надо как-то так делать
if(process.browser) Vue.use(...)
это не плагин, а компонент, так что не сработает
Vladimir
поидее это надо как-то так делать
if(process.browser) Vue.use(...)
Ты под все случаи этот if предлагаешь?))
ℝei
ну таким образом можно подключать что-то только на клиент..
Roman
поидее это надо как-то так делать
if(process.browser) Vue.use(...)
в общем, просто переменную не видно из блока условия... вынести объявление и готово
ℝei
в общем, просто переменную не видно из блока условия... вынести объявление и готово
ну ты ж сперва компонент импортишь тоже в условии? потом можно же его без условия использовать уже
Roman
компонент импортится в условии
Roman
потом без условия ж его добавлять нельзя, он будет undefined
ℝei
не должен же
Roman
поэтому пока на таком варианте остановился
Roman
Deenya
ребята, я подготавливаю аппликуху и столкнулся с такой проблемой. Как скрестить вьюховский хот релоад и экспресс? Или не париться с этим и просто делать билд после каждой наработки?
Roman
var compiler = webpack(webpackConfig);
expressServer.use(require("webpack-hot-middleware")(compiler));
Roman
попробуй так
Deenya
спасибо
Anonymous
или nodemon
Group Butler
Start me to get the list of commands
Alex
уже и бота сюда когда-то добавить успели
Andrei
Всем привет!
Сегодня мы выпустили либу с целой кучей спиннеров, надеюсь, окажется полезной 😊 https://github.com/epicmaxco/epic-spinners
Nikita
good job!
Stanislav
Всем привет!
Сегодня мы выпустили либу с целой кучей спиннеров, надеюсь, окажется полезной 😊 https://github.com/epicmaxco/epic-spinners
Спасибо.
Сколько это дело весит?
Свои спинеры как добавлять?
Andrei
@eddimensi thanks!
Andrei
@c01nd01r килобайт 40, можно tree shaking в проекте врубить и тогда только нужное подтянется (надеюсь) 😄
Anonymous
жоска