Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR SHELL

install tailwind expressjs

First add tailwind and postcss
npm install tailwindcss postcss autoprefixer postcss-cli

Initialize tailwindcss
npx tailwindcss init

Create a "postcss.config.js" and paste the following in it
module.exports = {
  plugins: [
    require('tailwindcss'),
    require('autoprefixer'),
  ]
}

Create the necessary files
mkdir public
mkdir public/styles
touch public/styles/tailwind.css
touch public/styles/style.css

Paste the following in public/styles/tailwind.css
@tailwind base;
@tailwind components;
@tailwind utilities;

The last thing is to add this to the scripts in package.json
"tailwind:css": "postcss public/styles/tailwind.css -o public/styles/style.css"
 
PREVIOUS NEXT
Tagged: #install #tailwind #expressjs
ADD COMMENT
Topic
Name
8+8 =