Skip to content

Update django.md for installing tailwindcss v4 #1036

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Update django.md for installing tailwindcss v4 #1036

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0aceb97
Update django.md for installing tailwindcss v4
Acrofil Feb 19, 2025
63e2218
remove not used imports in input.css
Acrofil Feb 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Update django.md for installing tailwindcss v4
  • Loading branch information
@Acrofil
Acrofil committed Feb 19, 2025
commit 0aceb97d33bebc11ca2ec3dc545f30ced30add53
10 changes: 5 additions & 5 deletions content/getting-started/django.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -175,13 +175,13 @@ Awesome! Now you have a working Django project locally. Let's continue by instal
1. Run the following command the install Tailwind CSS as a dev dependency using NPM:

```bash
npm install -D tailwindcss
npm install -D tailwindcss @tailwindcss/cli
```

2. Using the Tailwind CLI create a new `tailwind.config.js` file:
2. Using the Tailwind CLI create a new `tailwind.config.js` and `postcss.config.js` files:

```bash
npx tailwindcss init
npx tailwindcss-cli@latest init -p
```

Configure the template paths using the `content` value inside the Tailwind configuration file:
Expand All @@ -202,7 +202,7 @@ module.exports = {

```css
/* static/src/input.css */

@import "tailwindcss";
@tailwind base;
@tailwind components;
@tailwind utilities;
Expand All @@ -211,7 +211,7 @@ module.exports = {
4. Run the following command to watch for changes and compile the Tailwind CSS code:

```bash
npx tailwindcss -i ./static/src/input.css -o ./static/src/output.css --watch
npx @tailwindcss/cli -i ./static/src/input.css -o ./static/src/output.css --watch
```

Open `localhost:3000` in your browser and you'll see working HTML with Tailwind CSS code.
Expand Down
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy