Телеграмм чат группы webpack

код же не мой. думаю, что у него там стоит на паг паг лодер а на картинки file-loader. самый простой варик. ему бы добавить html-loader после пага и грузить релативно от паг темплейта, то есть ../img/*.jpg

источник

12:03пожаловаться

Dmitry in Webpack — русскоговорящее сообщество

Viktor Petevotov

1. пропустить результат после pug-loader через html-loader, либо заменить pug-loader на pug-html-loader и также пропустить через html-loader (я уже не помню точно, но одно из двух)
2. про пути ничего не могу сказать по одному определению "неправильные"

1. Стоит pug-loader. Попробую заменить на pug-html-loader + html-loader

источник

12:03пожаловаться

Dmitry in Webpack — русскоговорящее сообщество

ThunderAL

Да, для картинок file-loader стоит.

источник

12:04пожаловаться

ThunderAL in Webpack — русскоговорящее сообщество

@norestnotime
pug ['htm-loader', 'pug-loader']
jpg ['file-loader']

источник

12:04пожаловаться

ThunderAL in Webpack — русскоговорящее сообщество

@norestnotime на картинки предлагаю тебе такой вариант
{loader: 'url-loader', options: {limit: 2048, fallback: 'file-loader?name=[contenthash].[ext]'}}
тогда если пикча мелкая -- её через base64 впилят в htmk напрямую, чтобы не дёргать сервер на получение файла

источник

12:06пожаловаться

Dmitry in Webpack — русскоговорящее сообщество

ThunderAL

@norestnotime
pug ['htm-loader', 'pug-loader']
jpg ['file-loader']

не, если добавить html-loader вместе с pug-loader не обрабатывает в html до конца. На выходе получается только

<head><link href="./css/style.css" rel="stylesheet"></head>
var pug = require("!../../node_modules/pug-runtime/index.js");

function template(locals) {
/..код../

<script type="text/javascript" src="./js/main.js"></script>

Попробую html-loader + pug-html-loader.

источник

12:10пожаловаться

Viktor Petevotov in Webpack — русскоговорящее сообщество

ThunderAL

@norestnotime
pug ['htm-loader', 'pug-loader']
jpg ['file-loader']

значит все должно работать корректно

источник

12:14пожаловаться

Viktor Petevotov in Webpack — русскоговорящее сообщество

с путями изображений

источник

12:14пожаловаться

Dmitry in Webpack — русскоговорящее сообщество

['htm-loader', 'pug-html-loader'] удалось избавиться от require картинок, но с путями трабла.

в src/pug/index.pug картинки прописываю
img(src='.././img/production/01.jpg')

После обработки pug, файл помещается на уровень выше (build/index.html)
На выходе получается
<img src="../img/products/01.jpg">
а должно быть
<img src="./img/products/01.jpg">

источник

12:29пожаловаться

Dmitry in Webpack — русскоговорящее сообщество

Т.е. если бы index.html был в папке - все работало бы.

источник

12:31пожаловаться

Viktor Petevotov in Webpack — русскоговорящее сообщество

Dmitry

Т.е. если бы index.html был в папке - все работало бы.

webpack конфиг

в секции output стоит опция publicPath?

источник

12:49пожаловаться