How to install Tailwind CSS standalone with plugins

tailwindcss-with-plugin-standalone.md

Setup

enviroment with tailwindcss + plugins

Source: https://tailwindcss.com/docs/installation#using-tailwind-cli

Install and init

• Install core utilities: npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
• Init project: npx tailwindcss init this will create tailwind.config.js

Create stylesheets

• src/tailwind.css with following content:

/* ./src/tailwind.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

Install plugin

npm install tailwindcss-rtl --save-dev and edit tailwind.config.js:

plugins: [
  require('tailwindcss-rtl'),
],

Build

npx tailwindcss -i ./src/tailwind.css -o ./dist/tailwind.css --watch

Enable browser sync

Using https://browsersync.io/