Webpack - перестроение и перемещение index.html

Видео-урок - https://www.youtube.com/watch?v=CzLiXgRUt4g (время 12:25)

У человека в конце урока - файл index.html, который был взят из папки src, перемещён в папку dist, при этом с изменённой (сжатой) структурой.

У меня же в папке dist нету файла index.html (хотя всё работает)

Он просто как-то висит в воздухе...

содержимое webpack.config.js :

var path = require("path");
const webpack = require("webpack");
const MinifyPlugin = require("babel-minify-webpack-plugin");
var UglifyJsPlugin = require("uglifyjs-webpack-plugin");
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var HtmlWebpackPlugin = require("html-webpack-plugin");

var extractPlugin = new ExtractTextPlugin({
  filename: "main.css"
});
module.exports = {
  entry: "./src/js/app.js",
  output: {
    path: path.resolve(__dirname, "distFolder"),
    filename: "bundle.js",
    // publicPath: "/distFolder"
  },
  watch: true,
  module: {
    rules: [
      // {
      //   test: /\.css$/,
      //   use: [
      //     "style-loader",
      //     "css-loader"
      //   ]
      // },
      {
        test: /\.js$/,
        use: [
          {
            loader: "babel-loader",
            options: {
              presets: ["es2015"]
            }
          }
        ]
      },
      {
        test: /\.scss$/,
        use: extractPlugin.extract({
          use: ["css-loader", "sass-loader"]
        })
      },
      {
        test: /\.html$/,
        use: ["html-loader"]
      },
      {
        test: /\.(jpg|png)$/,
        use: [
          {
            loader: "file-loader",
            options: {
              name: "[name].[ext]",
              outputPath: "img/"
            }
          }
        ]
      }
    ]
  },
  plugins: [
    // new UglifyJsPlugin()
    extractPlugin,
    new HtmlWebpackPlugin({
      template: "src/index.html"
    })
  ]
};