Webpack url-loader многократно вставляет изображения - PullRequest
Новая
       11

Webpack url-loader многократно вставляет изображения

0 голосов
/ 24 июня 2018

Я новичок в вебпаке и использую url-загрузчик со следующими параметрами: 

{
    test: /\.(png|jp(e*)g|svg|gif)$/,  
    use: [
           {
             loader: 'url-loader',
             options: { 
                 limit: 8000 
             } 
           }
         ]
  },

Теперь, если я напишу несколько изображений в моем index.html с одним и тем же источником 

<img src="images/exampleimage.png" alt="">
<img src="images/exampleimage.png" alt="">
<img src="images/exampleimage.png" alt="">
<img src="images/exampleimage.png" alt="">
<img src="images/exampleimage.png" alt="">
<img src="images/exampleimage.png" alt="">
<img src="images/exampleimage.png" alt="">

url-загрузчик вставит закодированное в base64 изображение в каждый из этих тегов img, что, конечно, неверно

Как правильно ссылаться на кодированное изображение base64, не допуская такого рода повторений?

1 Ответ

0 голосов
/ 07 июля 2018

Это ожидаемое поведение url-loader.Если вы хотите, чтобы Webpack не встроил ваши локальные изображения, но испускал отдельный файл , используйте file-loader вместо.

...