Codeigniter 4 w/ Tailwind CSS

Hi,
I am successfully using Tailwind CSS in my CodeIgniter 4 project. If anyone still searching it, then I followed below steps:
Step 1: In the CodeIgniter project folder, run below commands to install node package and create blank tailwind.config.js

Code:

npm install -D tailwindcss

npx tailwindcss init

Step 2: Update tailwind.config.js as below:

Code:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./app/Views/**/*.php"],
  theme: {
    extend: {},
  },
  plugins: [],
}

Step 3: Create input.css with below code. You can create it anywhere. I created at app > Views > css > input.css

Code:

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

Step 4: On terminal in CodeIgniter project folder, run below command. If you using different path for input.css and output css (mine styles.css) then change path accordingly.

Code:

npx tailwindcss -i ./app/Views/css/input.css -o ./public/assets/css/styles.css --watch

Step 5: Now just include out css file (mine styles.css) in your php files. With Step 4 command, it will keep running, so if you add any tailwind css class in php file, it will automatically add that to output css file.
Hope this helps!