feat: use Dockerfile to build Tailwind CSS (#23)

unfoldadmin · Nov 8, 2022 · b1b3efc · b1b3efc
1 parent b4e4a23
commit b1b3efc
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 0 deletions.
diff --git a/Dockerfile b/Dockerfile
@@ -0,0 +1,11 @@
+FROM node:latest
+
+ENV TAILWIND=/app
+
+WORKDIR $TAILWIND
+
+COPY package.json package-lock.json /$TAILWIND
+
+RUN npm install
+
+ENTRYPOINT ["npm","run", "watch"]
diff --git a/README.md b/README.md
@@ -463,6 +463,12 @@ npx tailwindcss -i styles.css -o src/unfold/static/unfold/css/styles.css --watch
 
 npm run watch
 ```
+Or with Docker
+
+```bash
+docker build -t tailwind ./ && \
+docker run --rm -it --init -v  $(pwd):/app tailwind
+```
 
 Some components like datepickers, calendars or selectors in admin was not possible to style by overriding html templates so their default styles are overriden in **styles.css**.
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,4 +1,6 @@
 {
+  "name": "django-unfold",
+  "description": "Clean & minimal Django admin theme based on Tailwind CSS",
   "scripts": {
     "watch": "tailwindcss -i styles.css -o src/unfold/static/unfold/css/styles.css --watch --minify"
   },