KA
во-первых, это уже css-in-js
Size: a a a
2020 August 19
KA
никакого отношения к реакту/вью не имеет
NL
Примерно так
import { BModal } from 'bootstrap-vue'
Vue.component('b-modal', BModal)
or
Vue
.use(BModal)
я так и делаю но тогда +5Мб
KA
я так и делаю но тогда +5Мб
Tree Shaking у тебя сработает при билде
S
страшно представить, что это ты такое мутишь, что тебе понадобились пропсы в css)
NL
Tree Shaking у тебя сработает при билде
то есть при билде он возьмет только мадалки и зависимости модалки а остальное отбросит?
Н
страшно представить, что это ты такое мутишь, что тебе понадобились пропсы в css)
Хочу padding передавать через props
S
это я понял
Н
страшно представить, что это ты такое мутишь, что тебе понадобились пропсы в css)
Чтобы размер кнопки контролировать
KA
Хочу padding передавать через props
:style="`padding: ${padding}px`"S
я имею ввиду что это за проект такой, где такое понадобилось
KA
то есть при билде он возьмет только мадалки и зависимости модалки а остальное отбросит?
Скорее всего
I
я так и делаю но тогда +5Мб
webpack-bundle-analyzer в помощь покажет что откуда тянется и сколько весит)
S
:style="`padding: ${padding}px`"хороший вариант
Н
я имею ввиду что это за проект такой, где такое понадобилось
Я подумал сделать отдельный компонент для кнопки и тупо его переиспользовать. Так, как кнопок разной ширины достаточно. Думал обойтись одним, тупо передавая py, px, className
I
Хочу padding передавать через props
Еще можно собрать стили в computed
computed: {
blockStyle() {
return {
padding: this.paddingProp,
width: this.width
}
}
}NL
O
Подскажите, как изменить vue cli чтоб при build все файлы хранились без вложености
NL
благодарю
Н
Можно, в принципе, сделать два - три компонента для кнопок