0

Уже пол дня не могу настроить правильные пути для картинок в pug файлах, мне кажется я что-то не понимаю или упускаю из виду.

В src использую require() и указываю относительный путь

img(src=require('../../../assets/img/logo/logo.svg'), alt='Логотип')

Картинки он находит и добавляет в папку dist, все как положено.

НО немного странно записывает путь для них после преобразования в html

<img src="{&quot;default&quot;:&quot;/images/logo.svg&quot;}" alt="Логотип">

В DevTools это выглядит так:

DevTools

{
    test: /\.pug$/, 
    loader: 'pug-loader',
    options: {
        pretty: isDev
    }
},
{
    test: /\.(png|jpg|svg|gif)$/, 
    loader: 'file-loader', 
    options:{
        name: filename('[name]','[ext]'), // filename = (name, ext) => isDev ? `${name}.${ext}` : `${name}.[hash].${ext}`;
        outputPath :  '/images/',
    }
},

Естественно картинки не подгружаются

1 ответ 1

0

Нужно указывать

require(относительный путь).default

img(src=require('../../../assets/img/logo/logo.svg').default, alt='Логотип')

И все заработает введите сюда описание изображения

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.