В папке компонентов я группирую компоненты, включая общие ресурсы, в отдельные папки:
src/
--- components/
------ ComponentGroup/
--------- assets/
------------ img/
--------- Component1.vue
--------- Component2.vue
--------- index.js
Теперь, когда я загружаю изображения из папки assets / img из тега шаблона или тега стиля, webpack / vue-loader получает правильное изображение с автоматическим относительным путем.
Но, например, когда я создаю объект Image из javascript, он использует абсолютный путь:
const img = new Image;
img.src = 'assets/img/picture.png';
http://localhost/assets/img/picture.png
Как мне его загрузитьотносительный?Нужно ли мне настраивать веб-пакет или использовать путь, который мне предоставляет веб-пакет?
Решение, которое использовалось для получения пути:
const img = new Image;
img.src = require('.assets/img/picture.png');
Редактировать 1: Я думаю, что дажеесли я помещу их в папку корневых ресурсов, они не загрузятся / не интегрируются в сборку.Правка 2: требование () решило ее, вернул сгенерированный путь для изображения.