вот я и хочу чтобы не видно было )

Это называется пререндер, но мы его так и не завели

да, но во время сборки

https://github.com/chrisvfritz/prerender-spa-plugin

для вебпака

Ребзь, где сорсы для component is?

Никто так же не смог найти?

Никто так же не смог найти?

а кто-то искал? :)

было бы здорово, потому что я не могу найти

<input type="hidden"> - не работает?

помню в Angular была возможность вставки произвольного HTML'а в компонент с помощью ngTransclude и это довольно удобно, возможно ли подобное в <template>'е .vue файла?

slots

грубо говоря <template> <div class="material-card"> <slot></slot> </div> <template>

slots

я оказывается даже интуитивно с названием угадал 😦

мягко говоря вот https://vuejs.org/v2/guide/migration.html#Slots

а scoped styles ко всему внутри находящимуся не применятся, верно?

ты имеешь в виду по иерархии типа чтоб дети-компоненты тоже видели?

нет, они не видят родительские scoped styles

<component1> <h1>Test</h1> <component2> <h1>Test</h1> </component2> </component1>

стили которые будут у component1 h1

ну вот грубо говоря есть <material-card> компонент, в него можно вставить произвольный контент, переймёт ли вставленный в слот контент scoped стиль компонента? например <template> <div class="material-card"> <slot> <!-- dynamically transcluded stuff --> <h1>Title</h1> </slot> </div> <template> <style scoped> .material-card h1 { font-size: 100500rem; } </style>

не будут работать для component2 h1 ?

т.е. динамически вставленный произвольный <h1> не переймёт стиль scoped селектора ".material-card h1" ?

в принципе логично

в таком случае нужно в отдельный компонент перемещать заголовок мол: <material-card> <material-h1>Title</material-h1> </material-card>

https://github.com/chrisvfritz/prerender-spa-plugin

прям то что нужно!

прям то что нужно!

Если он у тебя полетит, то напиши. Чтобы лишний раз по граблям не бегать

уже полетел

Блин я уже и не помню, на каком проекте я его тыкал. Есть там нюансы?

ну у меня просто лендос, без роутов так что у меня проблем с ним не было

Сформировало готовый html?

да

Ну окей. А дополнительно в конфигураторе самого вебпака что-то писал? Параметры какие?

new PrerenderSpaPlugin( // Absolute path to compiled SPA path.join(__dirname, '../dist'), // List of routes to prerender ['/'] ) вот все что я вставил в build/webpack.prod.conf.js

Ну пойду чтоль покопаю своего бойца, а то помниццо пришел с ответом нихуа не будет - не летит.

а можно ли глобальный .css файл каким-то образом запихать в главый App.vue? дабы в index.html в header не вставлять а наоборот чтоб webpack в bundle его поместил

чеж нельзя

можно

Scoped не пиши

а можно ли глобальный .css файл каким-то образом запихать в главый App.vue? дабы в index.html в header не вставлять а наоборот чтоб webpack в bundle его поместил

Просто style

И он будет работать вне компонента

<style>@import url('https://some.css');</style>

Или так

Scoped не пиши

можно конечно глобальные селекторы в App.vue поместить /*App.vue*/ <style> /* global stylesheets */ <style> <style scoped> /* local stylesheets */ <style> но мне кажется что всё-таки лучше переместить глобальные стили в отдельный файл

всем привет. Возвращаюсь ко вчерашнему вопросу про размер вендоров. SPA на Vue. В в сжатом виде для prod у меня получилось vendor.js - 2,95 mb, vendor.js.gz - 639 kb, app.js - 551kb, app.js.gz - 65kb, + шрифты и стили, суммарно очень много получается. Подскажите решение как уменьшить

можно конечно глобальные селекторы в App.vue поместить /*App.vue*/ <style> /* global stylesheets */ <style> <style scoped> /* local stylesheets */ <style> но мне кажется что всё-таки лучше переместить глобальные стили в отдельный файл

<style src="/path/to/file.css"></style>

всем привет. Возвращаюсь ко вчерашнему вопросу про размер вендоров. SPA на Vue. В в сжатом виде для prod у меня получилось vendor.js - 2,95 mb, vendor.js.gz - 639 kb, app.js - 551kb, app.js.gz - 65kb, + шрифты и стили, суммарно очень много получается. Подскажите решение как уменьшить

https://hackernoon.com/optimising-your-application-bundle-size-with-webpack-e85b00bab579

у тебя полюбому много лишнего подключено

всем привет. Возвращаюсь ко вчерашнему вопросу про размер вендоров. SPA на Vue. В в сжатом виде для prod у меня получилось vendor.js - 2,95 mb, vendor.js.gz - 639 kb, app.js - 551kb, app.js.gz - 65kb, + шрифты и стили, суммарно очень много получается. Подскажите решение как уменьшить

Это продакшн билд?

сам vue занимает 90кб всего, в gz еще меньше

Это продакшн билд?

да

да

Ты там че то не то сделал

всем привет. Возвращаюсь ко вчерашнему вопросу про размер вендоров. SPA на Vue. В в сжатом виде для prod у меня получилось vendor.js - 2,95 mb, vendor.js.gz - 639 kb, app.js - 551kb, app.js.gz - 65kb, + шрифты и стили, суммарно очень много получается. Подскажите решение как уменьшить

webpack-bundle-analyzer или как то так

всем привет. Возвращаюсь ко вчерашнему вопросу про размер вендоров. SPA на Vue. В в сжатом виде для prod у меня получилось vendor.js - 2,95 mb, vendor.js.gz - 639 kb, app.js - 551kb, app.js.gz - 65kb, + шрифты и стили, суммарно очень много получается. Подскажите решение как уменьшить

Стопе

У меня стек примерно Vue + vuex + vue-apollo + soket.io + vue-axios + еще всякая лабуда

У меня стек примерно Vue + vuex + vue-apollo + soket.io + vue-axios + еще всякая лабуда

у тебя vue-cli?

да

Сейчас проверю минифицирует ли вообще вебпак их

да

npm run build —report

если шаблон webpack

Короче вебпак не минифицирует

Ошибки есть какие-нить?

UglifyJsPlugin был отключен, включил, пробую собрать

Ошибки есть какие-нить?

Монтировкой по колесам стучал?

Ранее при билде ошибок не было

теперь ругается `ERROR in static/js/vendor.1c6d1fda7879cb8e60ca.js from UglifyJs Unexpected token: operator (>) [./~/vue-strap/src/utils/utils.js:4,0][static/js/vendor.1c6d1fda7879cb8e60ca.js:41160,16]`

открой /vue-strap/src/utils/utils.js

Может там ES6. Uglify не может в ES6

Заипись искать там.... )))))

Вместо Uglify чем можно сжать?

с вебпаком не особо дружу

с вебпаком не особо дружу

это напрасно

Вместо Uglify чем можно сжать?

Лучше проверь, правильно ли ипортируешь vue-strap и где у них билд для es5

А что там вебпак в вендор пихает? Я кли не использую. Праздный интерес

А что там вебпак в вендор пихает? Я кли не использую. Праздный интерес

сторонние либы. То, что из node_modules

Для кэширования

А как сделать Vue доступным глобально, например мне надо обращаться типо Vue.blahblah в beforeDestroy. Как это делать не импортируя вью в каждый компонент? Что кажется дуростью

this.$root

blahblah - это что? :)

А как сделать Vue доступным глобально, например мне надо обращаться типо Vue.blahblah в beforeDestroy. Как это делать не импортируя вью в каждый компонент? Что кажется дуростью

Если на клетке с тигром написано заяц - не верь глазам своим.