Разрешить источник изображения веб-пакета в Vue Component (в Vuepress) - PullRequest
Новая
       13

Разрешить источник изображения веб-пакета в Vue Component (в Vuepress)

1 голос
/ 07 апреля 2019

Я использую последнюю версию Vuepress (1.0.0-alpha.46) и настроил документы в корневом каталоге, а папка assets хранит все мои изображения.

Ссылка на эти изображения в уценке не является проблемой.Например: 

![ ](../assets/foobar.jpg)

Работает просто отлично, хотя Webpack добавляет псевдоним к изображению чего-то вроде assets/foobar.57589334.jpg.К сожалению, все начинает падать, когда я использую компонент Vue в моем Vuepress.В этом случае я просто добавляю это в свой файл уценки: 

this is some markdown
<zoom-image src="../assets/foobar.jpg" />

Но теперь я получаю строковый литерал без добавления постфикса webpack.Я знаю, что я мог бы поместить изображение в .vuepress/public, но это кажется неправильным и может фактически кэшировать вещи в сервисном работнике, которые я не хочу.В документации рассказывается о том, как вы можете настроить веб-пакет с псевдонимами, и я решил попробовать.Я сконфигурировал webpack в файле .vuepress/config.js: 

configureWebpack: {
  resolve: {
    alias: {
      "@images": "assets"
    }
  }
},

, а MD теперь: 

this is some markdown
<zoom-image src="~@images/foobar.jpg" />

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

...