Vue 2 с Vue CLI - Как сделать src/static статическим, чтобы я мог использовать изображения, которые там есть?

Я пытаюсь упаковать свое приложение Vue CLI в пакет src/static/xyz.png, чтобы я мог ссылаться на него как /static/xyz.png.

Документы Vue на самом деле не показывают, как это сделать. Мне нужно vue.config.js, но между здесь:

https://cli.vuejs.org/guide/webpack.html

и здесь:

https://cli.vuejs.org/guide/html-and-static-assets.html#html

Я не могу понять, что мне нужно сделать. Любые идеи? Я пробовал много вещей с веб-пакетами, но, очевидно, недостаточно хорошо знаю веб-пакет...


webpack javascript vue.js vuejs2
person mikeb    schedule 17.01.2021    source источник

Ответы (1)


arrow_upward
2
arrow_downward

В проектах Vue CLI файлы в папке public/ автоматически в комплекте как статические активы, поэтому для этого вам не нужна специальная конфигурация. Ваше изображение должно храниться в:

<projectRoot>/public/static/xyz.png

Затем вы должны ссылаться на них в своей разметке следующим образом:

<img src="/static/xyz.png">

Обратите внимание, что эти статические ресурсы не запускаются через Webpack, поэтому они не будут оптимизированы (т. е. размер файла изображения может быть излишне большим).

person tony19    schedule 18.01.2021