Size: a a a

Vue.js Russian Developers Community

2020 June 08

АМ

Алексей Магнер... in Vue.js Russian Developers Community
Или настроить вебпак, чтобы обрабатывал изображения только на продакшен
источник

NN

Nurbek Nurjanov in Vue.js Russian Developers Community
Алексей Магнер
можно вынести в public/img и указать пути относительно html файла
он же сразу заругается что не может найти файл, если я поменяю директории
источник

АМ

Алексей Магнер... in Vue.js Russian Developers Community
Ну так и в коде другая директория будет, соответственно
источник

NN

Nurbek Nurjanov in Vue.js Russian Developers Community
Алексей Магнер
Или настроить вебпак, чтобы обрабатывал изображения только на продакшен
мм, впринципе идея, тогда у меня на деве будут картинки показывать ??
Можете пожалуйста пример написать
или скинуть что и где читать
источник

АМ

Алексей Магнер... in Vue.js Russian Developers Community
Вместо
<img :src="require('@/assets/images/'+SomeJavasriptVariable)" >
будет
<img :src="./images/'+SomeJavasriptVariable" >
источник

АМ

Алексей Магнер... in Vue.js Russian Developers Community
То, что лежит в папке public не обрабатывается вебпаком. При сборке уже все файлы из public идут в dist.
Если переместить статику в public, то пути прописываются относительно index.html
источник

NN

Nurbek Nurjanov in Vue.js Russian Developers Community
Алексей Магнер
То, что лежит в папке public не обрабатывается вебпаком. При сборке уже все файлы из public идут в dist.
Если переместить статику в public, то пути прописываются относительно index.html
я работаю на Nuxt
так там есть статик папка, statics,
я туда перемещал
все равно он видимо перебирает куча файлов совпадений
источник

R

Roman Kichatkin in Vue.js Russian Developers Community
Всем привет.
Правильно ли добавлять v-if в единственный корневой элемент template? Либо лучше вынести этот v-if из компонента? Если есть весомые аргументы в пользу того или иного подхода, то будет круто, может быть какое-то правило в линтере есть, связанное с этим?

Например вот так

<template>
   <div v-if="$store.isAdmin"></div>
</template>
источник

NN

Nurbek Nurjanov in Vue.js Russian Developers Community
Алексей Магнер, [08.06.20 17:31]
Или настроить вебпак, чтобы обрабатывал изображения только на продакшен
вот это звучит интересно
но только как, пока не совсем понятно, как только в дев версии будет картинки загружаться
источник

АМ

Алексей Магнер... in Vue.js Russian Developers Community
Nurbek Nurjanov
я работаю на Nuxt
так там есть статик папка, statics,
я туда перемещал
все равно он видимо перебирает куча файлов совпадений
Вообще, вот это логику
require('@/assets/images/'+SomeJavasriptVariable)
Я бы вынес в computed и выводил бы уже готовые имена из объекта.
Хоть из папки статики, хоть из src
источник

NN

Nurbek Nurjanov in Vue.js Russian Developers Community
Алексей Магнер
Вообще, вот это логику
require('@/assets/images/'+SomeJavasriptVariable)
Я бы вынес в computed и выводил бы уже готовые имена из объекта.
Хоть из папки статики, хоть из src
там обычный цикл
форич
вот и каждый элемент массива стучится в свою картинку
заранее прописать не получится
источник

АМ

Алексей Магнер... in Vue.js Russian Developers Community
Nurbek Nurjanov
Алексей Магнер, [08.06.20 17:31]
Или настроить вебпак, чтобы обрабатывал изображения только на продакшен
вот это звучит интересно
но только как, пока не совсем понятно, как только в дев версии будет картинки загружаться
Это нужно вебпак ковырять. Должна быть такая возможность. Я на Галп настраивал, что при дев статику вообще не трогал, а при продакшене уже обрабатывал
источник

NN

Nurbek Nurjanov in Vue.js Russian Developers Community
Алексей Магнер
Это нужно вебпак ковырять. Должна быть такая возможность. Я на Галп настраивал, что при дев статику вообще не трогал, а при продакшене уже обрабатывал
спасибо, тогда буду коврять вебпак, спасибо, хотя бы указали направление
источник

АМ

Алексей Магнер... in Vue.js Russian Developers Community
Roman Kichatkin
Всем привет.
Правильно ли добавлять v-if в единственный корневой элемент template? Либо лучше вынести этот v-if из компонента? Если есть весомые аргументы в пользу того или иного подхода, то будет круто, может быть какое-то правило в линтере есть, связанное с этим?

Например вот так

<template>
   <div v-if="$store.isAdmin"></div>
</template>
А если условие не срабатывает, то что?
Не проще тогда эту проверку поставить на компонент в родителе, а не внутри?
источник

R

Roman Kichatkin in Vue.js Russian Developers Community
Алексей Магнер
А если условие не срабатывает, то что?
Не проще тогда эту проверку поставить на компонент в родителе, а не внутри?
Да, я тоже так думаю, но меня переубеждают, что нужно делать иначе
источник

R

Roman Kichatkin in Vue.js Russian Developers Community
Поэтому мне нужны аргументы
источник

АМ

Алексей Магнер... in Vue.js Russian Developers Community
Если отрисовка будет проигнорирована в родителе, меньше данных отбрабатывать. Если внутри компонента, то ещё блок скрипта, стили и что там есть. А по факту компонент пустой. Да и логически это менее понятно.
Компонент указан, а не отображается. Почему? обычно проверяют в родителе. Я бы в последнюю очередь подумал, что в ребенке может быть скрытие всего ребенка
источник

BS

Bogdan Saliuk in Vue.js Russian Developers Community
Дратути :)

Вопрос: как создавать хелперы с доступом к прототипу? Это нужно создавать класс наследованый от Vue, и потом в компонентах создавать новый инстанс этого класса, чтобы иметь доступ к его методам?
Или как по нормальному?
источник

R

Roman Kichatkin in Vue.js Russian Developers Community
Bogdan Saliuk
Дратути :)

Вопрос: как создавать хелперы с доступом к прототипу? Это нужно создавать класс наследованый от Vue, и потом в компонентах создавать новый инстанс этого класса, чтобы иметь доступ к его методам?
Или как по нормальному?


в файле где у тебя vue инициализируется, перед new Vue()

Vue.prototype.$your_super_helper_name = () => {}
источник

R

Roman Kichatkin in Vue.js Russian Developers Community
Доступ к нему будет в компонентах как this.$your_super_helper_name
источник