26 lines
775 B
Plaintext
26 lines
775 B
Plaintext
# Add Tailwind, PostCSS, Autoprefixer, PostCSS CLI
|
|
yarn add cross-env \
|
|
tailwindcss@latest \
|
|
postcss@latest \
|
|
autoprefixer@latest \
|
|
postcss-cli
|
|
|
|
# Generate Tailwind and PostCSS configuration files
|
|
npx tailwindcss init -p
|
|
|
|
-- adding tailwind
|
|
/* assets/css/tailwind.pcss */
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
-- adding scripts
|
|
"scripts": {
|
|
"dev": "cross-env NODE_ENV=development postcss assets/css/tailwind.pcss -o public/build/tailwind.css",
|
|
"prod": "cross-env NODE_ENV=production postcss assets/css/tailwind.pcss -o public/build/tailwind.css",
|
|
"watch": "cross-env NODE_ENV=development postcss assets/css/tailwind.pcss -o public/build/tailwind.css --watch"
|
|
}
|
|
|
|
-- adding the stylesheet
|
|
<link rel="stylesheet" href="/build/tailwind.css"/>
|