В vue/cli нет вменяемого способа биндить url картинки к тегу?

Question

В vue/cli нет вменяемого способа биндить url картинки к тегу?

Чтоб просто в данных было
pic_url: '../assets/img/pic1.jpg'
а в коде
<img src=pic_url>

Везде предлагают какие-то наркоманские костыли через require.

#frontend #javascript #programming #russian #vue.js

0

09.04.2019

4 ответов

18 просмотров

Hedint

это вполне валидная запись с require. так работает webpack. у тебя есть переменная в коде, она прокидывается параметром в шаблоне. webpack не может считать данные из переменной, обработать этот путь; поэтому ты должен ему помочь, и делается это через require. ты пишешь const my_img_path = require("../path/to/image.jpg") // на выходе получается валидный путь до картинки, обработанный webpack'ом

0

09.04.2019

Sasha Jarvi

А разве ж через file-loader нельзя настроить?🤔

0

09.04.2019

Sasha Jarvi

Возвращаюсь к вашему вопросу. Решение таково: 1. Устанавливаете file-loader (npm i file-loader -D) и html-loader 2. В webpack.config.js прописываете следующее: http://joxi.ru/nAyGbqQHgkXzkm http://joxi.ru/YmEB9nYHwLZyW2 И тогда никаких require не понадобится

0

09.04.2019

Hedint · Accepted Answer

Hedint

а чем они наркоманские?)

0

09.04.2019

169 похожих чатов

В vue/cli нет вменяемого способа биндить url картинки к тегу?

4 ответов

Похожие вопросы