А без use так можно, сразу loader?

без разницы

HashedModuleIdsPlugin совместим с webpack ver. 1 и 2, с webpack 4 раотать не будет? у webpack 4 есть [hash].js этот подходит же?

в документации вебпака про миграцию между версиями это всё сказано 😉

Лоадер подключил?

Та у меня там чеорез Next.js, я даж немогу толком найти куда его подключить и еще проект накачен сабмодулем

Ищи конфиг

Может в папке config?

наверн тут

?

Скорее всего

Есть file-loader?

Или url?

Попробуй дописать что-то типо

config.module.rules.push(
   {
     test: /\.(jpe?g)$/,
     use: "file-loader"
   }
);

Хотя я бы ещё поискал

Судя по тексту исключения: Error: [VueLoaderPlugin Error] No matching use for vue-loader is found.
Make sure the rule matching .vue files include vue-loader in its use.
Он хочет, чтобы я в массив use, где coverage, добавил лоадер vue. И, если его добавить, исключение не выбрасывает, но тесты перестают выполняться (их просто не видно, 0 выполненых в результате). Да и не логично это -  дублировать лоадер vue еще в одном месте, когда он уже есть в общем конфиге, и, если я правильно понимаю работу лоадеров, когда последний лоадер натыкается на файл с расширением .vue, он уже должен получить его в js формате, так как vue-loader срабатывает до него.

Не будет ли смешно если назову папку components? там будут размещаться разные части .pug файлов

будет. Но все так зачем-то делают тем не менее)))

Как лучше назвать? common, blocks? Еще какой вариант можно рассмотреть?