Merge pull request #69 from Sybit-Education/fix/tailwind-production

AlexanderKugler · web-flow · commit 23d2870593b0 · 2024-08-01T13:01:17.000+02:00
Fix tailwind in production builds
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -41,13 +41,15 @@
     "@types/jasmine": "~5.1.4",
     "@types/node": "^22.0.0",
     "angular-eslint": "18.1.0",
+    "autoprefixer": "^10.4.19",
     "eslint": "^9.6.0",
     "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
+    "postcss": "^8.4.40",
     "tailwindcss": "^3.4.7",
     "typescript": "~5.5.4",
     "typescript-eslint": "8.0.0-alpha.38"
diff --git a/src/index.html b/src/index.html
@@ -8,7 +8,6 @@
     <link rel="icon" type="image/x-icon" href="/favicon.ico">
     <link rel="manifest" href="manifest.webmanifest">
     <meta name="theme-color" content="#6bc4f6">
-    <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
 </head>
 <body>
diff --git a/src/styles.scss b/src/styles.scss
@@ -2,6 +2,9 @@
 
 /* Importing Bootstrap SCSS file. */
 @import 'bootstrap/scss/bootstrap';
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 :root {
   --lightBlue: #6bc4f6;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,6 +1,8 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: [],
+  content: [
+    "./src/**/*.{html,ts}",
+  ],
   theme: {
     extend: {},
   },
