Классы Tailwind не работают с html-файлом ⇐ CSS

[Anonymous]

Я получаю другой вывод шрифта из-за Tailwindcss, но классы не отображают никаких результатов.
Файлы:
package.json

Код: Выделить всё

    {
"dependencies": {
"autoprefixer": "^10.4.1",
"postcss": "^8.4.5",
"tailwindcss": "^3.0.8"
},
"scripts": {
"build-css": "tailwindcss build style.css -o css/style.css"
}
}

style.css

Код: Выделить всё

@tailwind base;
@tailwind components;
@tailwind utilities;

tailwind.config.js

Код: Выделить всё

module.exports = {
content: [],
theme: {
extend: {},
},
plugins: [],
}

index.html

Код: Выделить всё

Document





Welcome to my tailwind course
Created by Varun Prasannan
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Commodi, dignissimos numquam temporibus quisquam optio suscipit neque iure nam ab architecto quaerat similique vero, a aperiam impedit dolores. Autem, iure expedita.

Как видите, применяются разные классы шрифтов, например

Код: Выделить всё

class="font-sans"
class="font-serif"
class="font-mono"

но на выходе тот же шрифт по умолчанию, который используется в Tailwindcss.
У меня такое ощущение, что пути к некоторым файлам (о которых я не знаю) ) необходимо обновить в файле tailwind.config.js, но я точно не знаю формата пути.

Подробнее здесь: https://stackoverflow.com/questions/705 ... -html-file