feat: tailwind css fix

jrishabh55 · Jul 10, 2020 · 30c4db4 · 30c4db4
1 parent 7bbbc25
commit 30c4db4
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -25,8 +25,8 @@
     "start": "react-scripts start",
     "build": "yarn build:tailwind && react-scripts build",
     "prebuild:css": "yarn build:tailwind",
-    "build:css": "postcss src/assets/tailwind.css -o src/assets/main.css",
-    "build:tailwind": "tsc ./src/tailwind.config.ts",
+    "build:css": "tailwindcss build ./src/assets/tailwind.css -o ./src/assets/main.css",
+    "build:tailwind": "tsc ./src/tailwind.config.ts && mv ./src/tailwind.config.js ./",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",

diff --git a/postcss.config.js b/postcss.config.js
@@ -3,5 +3,5 @@
 const tailwindcss = require('tailwindcss');
 
 module.exports = {
-  plugins: [tailwindcss('./src/tailwind.config.js'), require('autoprefixer')],
+  plugins: [tailwindcss('./tailwind.config.js'), require('autoprefixer')],
 };
diff --git a/src/tailwind.config.ts b/src/tailwind.config.ts
@@ -1,5 +1,8 @@
 const config = {
-  purge: [],
+  purge: {
+    enabled: true,
+    content: ['./src/**/*.tsx'],
+  },
   target: 'relaxed',
   prefix: '',
   important: false,
@@ -728,3 +731,5 @@ const config = {
 };
 
 export default config;
+
+module.exports = config;