Why isn't tailwind creating the new utility classes at my output css file?

I'm trying to build a Battleship clone using Webpack, Html, Javascript and Tailwind. I did everything the tailwind docs said to get started, but when i refresh (save) the page, only some of the tailwind classes work. This is my tailwind.config.js file:

/** @type {import('tailwindcss').Config} */
module.exports = {
  mode: 'jit',
  content: ["./dist/index.html"],
  theme: {
    extend: {},
  },
  plugins: [],
}

and this is my folder structure