Возможно, где то ошибся, но это просто чтобы понимать что он делает и как

И это так не только вебпак работает, также Parcel, Rollup, Snowpack и тд

есть Rome, но он экспериментальный

Кодировку на utf8 смени

салам. я делаю впервые в жизни делаю учебный сайт на вэбпаке с использованием pug, scss, и бэм.
Я правильно понимаю, что для создания сайта мне нужно делать всё в такой последовательности?
1. скачать и настроить вэбпак
2. написать весь html на pag
3. написать весь css на scss
4. собрать всё вэбпаком

Никто не знает, что нужно конкретно тебе. Последовательность тут вообще причем? Можно сначала написать css, а потом "скачать" вебпак - какая разница? :)

Если не принципиально пилить самому то вот есть хороший стартер https://github.com/andreyalexeich/gulp-pug-starter

И если это специально кем-то не требуется,  вовсе не обязательно всё делать в каком-то одном формате,  весь смысл вебпака, что он возьмёт ваши разные файлы разных форматов (css, scss, less/sass, что-то еще другое из придуманного человечеством...) и приведет их к одному виду (css) или даже завернет в единственный js - смотря как настроите.  Файлы могут быть совершенно разные и даже из разных источников,  что-то библиотечное, что-то ваше,  что-то в css, что-то в scss и пр... Как раз это становится неважным с вебпаком :)

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

спасибо. я так понимаю, это скелет, на основе которого я могу сайт начать делать?

Ага

А причём тут кодировка, если я даже не шрифт, а фоновую картинку пытаюсь загрузить?

Sass не парсится

если есть время посмотри мою сборку https://github.com/lnked/gulp-simple-starter, вебпак используется только для js, gulp для сборки всего остального

Прописал в файле App.sass, где я подключаю картинку-фон, в самом верху

@charset 'UTF-8'

, но та же ошибка. Я должен как-то изменить webpack.config.js? Если да, то как, подскажи, пожалуйста, я не нашёл больше ничего про кодировку

Точно не скажу но у тебя файл кажется "utf8 with BOM" виндовс формат, у него есть ведущий символ. Кажется он ре распознаётся и сасс в целом не компилится. Тебе надо в редакторе кода создать страницу и скопировать туда код и изменить имя на какой надо, или save with encodind utf-8 (в vscode) есть такое.

Пока это не помогло, но в любом случае спасибо, буду пробовать дальше.

file-loader нужен

это не в кодировке дело. картинка - это бинарный файл, о чем и сообщает ошибка

Так я вначале скинул webpack config, я установил file-loader, по-разному как только не пытался его подключить (там есть закомментированный код), но всё равно получается ошибка