@shasoft

Как подключать картинки через require как картинки в webpack?

Настроил в vue.config.js
{
          test: /\.(jpe?g|png|gif)$/,
          loader: 'url-loader',
          options: {
            // Images larger than 10 KB won’t be inlined
            limit: 256,
            name: "images/[name].[hash].[ext]",
          }
        },

В коде вставляю картинку как
require('./images/pen.png')
При запуске вижу что файл картинки в ресурсах появился. Но при этом в код картинка вставилась в формате
src="data:image/png;base64,
Почему картинка не вставляется ссылкой на файл?

p.s.Или может потом что картинка используется всего один раз и для оптимизации она добавилась в js код?
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ответы на вопрос 1
locky_yotun
@locky_yotun Куратор тега JavaScript
Я видел некоторый джаваскрипт
https://www.npmjs.com/package/url-loader
A loader for webpack which transforms files into base64 URIs.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы