это уже к первой проблеме)

Dima поставь брекйпоинт в хэндлере ивента и дебаж пошагово

Пока не увидишь что колстек зациклился

Ну и разбирайся почему рекурсия

guys, есть template, в нем <slot>, в этом слоте должна быть кнопка, всегда одинакового стиля, но с разным названием. Можно отстилизовать <slot>?

Да, в теге слот как раз будет название кнопки

CSS не?

CSS не?

неправильно спросил, не можно, а норм ли стилизовать слот?

Для этого он и нужен

неправильно спросил, не можно, а норм ли стилизовать слот?

Не незападло

))

<template> <button class="your-stile"> <slot name="example"></slot> </button> </template> <style> .your-stile { // } </style>

нет необходимости стилизовать сам тег slot

stilьно

style

;0

херню сморозил xD

Раз зашла речь о стилях

чем <style scoped> отличается просто от <style>

что инкапсулируется в одном файле-компоненте?

нет необходимости стилизовать сам тег slot

а в чем разница, если <slot name="example" class="your-stile"></slot> и в этот слот button кидать с текстом каким надо?

scoped стили видно только в самом компоненте

чем <style scoped> отличается просто от <style>

это же очевидно

ну и на детей растространяется

Именованные слоты если у тебя в компоненте их несколько. Если один то просто через слот

это же очевидно

Ну уточнить просто стоило. Т.е если я пропишу просто style в разных компонентах на странице, они будут перекрывать друг-друга?

да

ну и на детей растространяется

Каких это таких детей?

Ну уточнить просто стоило. Т.е если я пропишу просто style в разных компонентах на странице, они будут перекрывать друг-друга?

да

Каких это таких детей?

на маленьких без ручек

data-v-2f1e104b - на детей?

вложенные компоненты

У детей другая

вложенные компоненты

Они не могут быть не вложенными

ну и на детей растространяется

я вот никогда не проверял, всегда считал что детей не затрагивает

по крайней мере в доках пишут что Когда у тега <style> есть атрибут scoped, то его CSS будет применяться только к элементам текущего компонента.

data-v-2f1e104b У детей другая

Корневой тег компонента потомка будет попадать под область видимости родительского локального CSS и своего локального CSS.

ага, вот оно как

а что думал в сказуку попал))

ну то есть внутренние части ребенка не затронет

только корневой

ну вообще и так понятно, просто хотел чтобы явно уточнить

Partials не затрагиваются локальными стилями.

wtf Partials ?

на выходе получается селектор[компонент со scoped] селектор селектор[дочерний компонент со scoped] селектор

т.е. вот этот нижний 4й селектор мог быть из родительского

ого в вуе style module завезли

если явно не указан в дочернем

wtf Partials ?

отвечаю сам себе - <partial :name="..."></partial> рудимент из первых версий вуе, на данный момент не актуально, и не понятно как полпало в доку ко второй версии

сделал <slot name="qwe" class="asd"></slot>, когда элемент встает на место слота, он не получает class="asd", как то так. . .

в template можно класс задать как перемнную

и эту переменную указывать в template как props

погда при подключении template можно передавать класс в переменной

а можно так <slot name="qwe"> <div class="asd"></div></slot>

с таким же успехом можно писать явно элементу класс 'qwe'

хотл прост чтобы в template с именоваными слотами были и стили этих слотов

не факт что туда див летит

button например

да че угодно, не пофиг ли

хоть Шакфьу

iframe

отвечаю сам себе - <partial :name="..."></partial> рудимент из первых версий вуе, на данный момент не актуально, и не понятно как полпало в доку ко второй версии

Можно ссылку на доку во второй версии?

Можно ссылку на доку во второй версии?

это какой-то стеб?

а можно так <slot name="qwe"> <div class="asd"></div></slot>

хз у меня не сработало

@c01nd01r https://vuejs.org/v2/guide/

ERROR: S client not available

это какой-то стеб?

>и не понятно как полпало в доку ко второй версии Вот на это хочу ссылку

>и не понятно как полпало в доку ко второй версии Вот на это хочу ссылку

ааа, держи https://vue-loader.vuejs.org/ru/features/scoped-css.html

блин я уже вижу что дока то на лоадер а не на vue

Кто-то юзал https://www.npmjs.com/package/lodash-webpack-plugin

Сори за офтоп други, кто-нибудь разбилвал матрицу на макбуке 15 дьймов, где чинили, за скок?

Кто-то юзал https://www.npmjs.com/package/lodash-webpack-plugin

Зачем те лодаш?

А какие альтернативы?

Хочу юзать глубокое клонирование, и вот это все

Окэ. Чем lodash плох?

Сортировки

Плох объемом он своим

Вот хочу разбить

Разве никак { merge } from не сделать?

Он давно порезанный на модули

import merge from 'lodash/merge'

Он давно порезанный на модули

+

А с вендор чанком как быть

Явно указывать что собирать?

Если метод нужен только в одном модуле, нафиг его в вендор чанк вытаскивать?

А если в 2 и более, то commonChunksPlugin нормально отрабатывает

Сам, без явного указания

Нормально отрабатывает в смысле он сам поймет

Хм

new webpack.optimize.CommonsChunkPlugin({ name: 'common', minChunks: 2, }),

В общем заменил все импорты с import _ from 'lodash' на import _blabla from 'lodash/blabla'

new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', minChunks: Infinity }), //CommonChunksPlugin will now extract all the common modules from vendor and main bundles new webpack.optimize.CommonsChunkPlugin({ name: 'manifest' //But since there are no more common modules between them we end up with just the runtime code included in the manifest file }),

Теперь апп стал просто больше весить

Ну вот Infinity ничего в общий чанк не будет выносить

А вендор 2,5 мб как был так и остался

Апп на 300кб вырос

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

2.3.3