варианты
1. webpack.config.mjs
плюсы: все работает на чистой ноде
минусы: нет многого, к чему привыкли и при любом шаге в сторону конфигурация становится асинхронной
2. webpack.config.babel.js + babel/register
плюсы: пишешь обычный код
минусы: нужен бабель конфиг и могут быть проблемы с производительностью
3. webpack.config.esm.js + esm
то же самое что и бабель, только без конфига
4.
const esmRequire = require('esm')(module)
module.exports = requireEsm('./webpack.config.es6.js').default
плюсы: все работает, никаких проблем
минусы: нужен дополнительный маленький файл

я все перепробовал, остановился на четвертом варианте

не понял почему становится асинхронной при шаге в сторону

например require.resolve не существует, а вместо него import.meta.resolve, который возвращает промис

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

нуу it depends, зависит от того насколько ты пошел "против течения"

если все очень плохо и сложно то ты навреное делаешь что-то для чего он не создавался

ну да, было дело) потом просто попытался чисто вот создать новый реакт проект, и прям прозрение случилось

ребят почему не работает npm run build

написано же, не может найти jpg

почему не может

пути все верные

Очевидно потому что его там нет

../ поднимает только на одну папку выше

ну так да получается

я выхожу с папки

и захожу в папку assets