В конфигурации Webpack мы используем метод path.resolve(__dirname, 'dist'), потому что __dirname - это свойство глобального объекта __dirname, которое содержит абсолютный путь к текущей директории файла, в котором оно вызывается.
При использовании только __dirname, Webpack может попытаться разрешить относительные пути от текущей директории, из которой был запущен процесс сборки. Это может привести к проблемам, если мы запускаем команду сборки из разных директорий, например, если мы запускаем команду из корневой папки проекта или из другой подпапки.
Использование path.resolve(__dirname, 'dist') позволяет нам создать абсолютный путь до папки dist относительно текущей директории, в которой находится файл конфигурации Webpack. path.resolve() принимает несколько аргументов и объединяет их, создавая путь, который является абсолютным. Если путь начинается с /, он остается абсолютным, в противном случае он считается относительным от директории, в которой находится файл конфигурации.
Таким образом, использование path.resolve(__dirname, 'dist') гарантирует, что папка dist будет создаваться в той же директории, где находится файл конфигурации Webpack, независимо от того, откуда была запущена команда сборки. Это обеспечивает более надежную и переносимую структуру проекта и позволяет избежать проблем с разрешением относительных путей.