feat: Update TailwindCSS and enable Tailwind's JIT

Hanziness · Apr 8, 2021 · 68f2588 · 68f2588
1 parent f95aa05
commit 68f2588
Show file tree

Hide file tree

Showing 4 changed files with 209 additions and 118 deletions.
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -78,6 +78,10 @@ export default {
     '@nuxtjs/pwa'
   ],
 
+  tailwindcss: {
+    jit: true
+  },
+
   optimizedImages: {
     optimizeImages: true,
     optimizeImagesInDev: false

diff --git a/package.json b/package.json
@@ -38,19 +38,20 @@
     "@nuxtjs/eslint-module": "^2.0.0",
     "@nuxtjs/google-fonts": "^1.0.0",
     "@nuxtjs/stylelint-module": "^4.0.0",
-    "@nuxtjs/tailwindcss": "^3.1.0",
+    "@nuxtjs/tailwindcss": "^4.0.3",
     "@tailwindcss/forms": "^0.2.1",
+    "@tailwindcss/jit": "^0.1.18",
     "autoprefixer": "9",
     "babel-eslint": "^10.1.0",
     "core-js": "3",
     "eslint": "^7.5.0",
     "eslint-plugin-nuxt": "^1.0.0",
     "imagemin-pngquant": "^9.0.1",
-    "postcss": "7",
+    "postcss": "^8.2.9",
     "standard-version": "^9.0.0",
     "stylelint": "^13.6.1",
     "stylelint-config-standard": "^20.0.0",
-    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
+    "tailwindcss": "2",
     "webp-loader": "^0.6.0"
   }
 }
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,7 +1,4 @@
 module.exports = {
-  // purge: {
-  //   enabled: true
-  // },
   theme: {
     extend: {
       fontFamily: {
@@ -14,7 +11,6 @@ module.exports = {
       }
     }
   },
-  variants: {},
   plugins: [
     // require('@tailwindcss/typography')
     require('@tailwindcss/forms')