Как заставить Vue CLI-сгенерированный проект заменить изображение srcs, когда атрибут не src - PullRequest
Новая
       15

Как заставить Vue CLI-сгенерированный проект заменить изображение srcs, когда атрибут не src

0 голосов
/ 28 апреля 2019

Создал проект с использованием Vue CLI 3.7.0 и установил bootstrap-vue 2.0.0-rc.19.В проектах каркаса Vue CLI используется Webpack, который использует загрузчик файлов.

При локальном запуске сервера <img src='../assets/images/test.jpg'> заменяется на <img src='/img/test.4d111941.jpg'>.

При использовании директивы BootstrapVue <b-carousel-slide img-src='../assets/images/test.jpg'> не делаетв результате получается URL-адрес кеша.

Кто-нибудь сталкивался с этим?Хотите знать, если мне нужно переопределить некоторые поведения Webpack в vue.config.js.

1 Ответ

0 голосов
/ 28 апреля 2019

Необходимо добавить это в vue.config.js: 

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
      .loader('vue-loader')
      .tap(options => {
        options['transformAssetUrls'] = {
          img: 'src',
          image: 'xlink:href',
          'b-img': 'src',
          'b-img-lazy': ['src', 'blank-src'],
          'b-card': 'img-src',
          'b-card-img': 'img-src',
          'b-card-img-lazy': ['src', 'blank-src'],
          'b-carousel-slide': 'img-src',
          'b-embed': 'src'
        }

        return options
      })
  }
}
...