@bra1nf00d

В чем проблема с путями картинок webpack 4?

Ошибка возникла после обработки файлов scss.
Проблема заключается в путях, то как картинка вставляется в html, не подходит для файлов css
Я пытался изменять имя, в момент выгрузки файлов, но опять же.

Подскажите, как можно решить данную проблему, не прибегая к url-loader

Я работаю с webpack-dev-server, при старте папка проекта очищается, ссылаться ему некуда

Рабочая ссылка в стилях:
606c38e34cad2762427340.png

Нерабочая:
606c38d85897d779697330.png

---

Рабочий путь в html:
606c3ac0c80cf775500561.png

Нерабочий:
606c3ac8b40ae012224972.png

Вебпак:
/* IMG */
{
    test: /\.(png|jpe?g|gif|svg)$/,
      use: [
    {
      loader: 'file-loader',
      options: {
        name: `img/${filename('[ext]')}`,
        esModule: false,
        publicPath: ''
      }
    }
  ],
},
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ответы на вопрос 1
@bra1nf00d Автор вопроса
Я нашёл решение.
В плагин mini-css-extract-plugin, можно передать опции publicPath: '../'
На выходе я получаю кастомизированный путь в .scss, и сохраняю прежний путь в html

{
test: /\.(s[ac]ss|css)$/,
        use: [
          {loader: MiniCssExtractPlugin.loader, options: {publicPath: '../'} },
          {loader: 'css-loader'},
          {loader: 'sass-loader'},
        ]
},
Ответ написан
Ваш ответ на вопрос

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

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