Егор Данченко

Удалите папку node_modules и установите пакеты заново.
npm i webpack webpack-cli html-webpack-plugin -D

Решение для Webpack 5

module: {
  rules: [
    {
      test: /\.txt/,
      type: 'asset/source',
    }
  ]
}

Поле assetModuleFilename указывает, куда попадут файлы после сборки. Удалите свойство, либо переопределите значение. Все изображения после сборки окажутся по пути outputPath/assetModuleFilename

Лучше используйте HtmlWebpackPlugin, который автоматизирует подключение скриптов и стилей за вас. Хороший Webpack config - это минимум ваших действий.

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: {
    index: path.resolve(__dirname, 'src/scripts/example.js')
  },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].js',
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: path.resolve(__dirname, 'src/index.html'),
      // Скрипты, которые нужно подключить к странице
      chunks: ['index'],
      // Логика загрузки
      scriptLoading: 'blocking | defer'
    })
  ],
};

Правильное решение для Webpack 5

module.exports = {
   ...
   output: {
     ...
     assetModuleFilename: 'assets/images/[name][ext]'
   },
   module: {
     rules: [
      {
        test: /\.(png|svg|jpg|jpeg|gif)$/i,
        type: 'asset/resource',
      },
     ],
   },
 };