florianjs · February 23, 2020 15:18 · Feb 23, 2020 · Feb 23, 2020 · Feb 16, 2020 · Feb 16, 2020
diff --git a/README.txt b/README.txt
@@ -1,6 +1,6 @@
 Install all packages: 
 npm init -y
-npm i postcss-cli postcss cssnano @fullhuman/postcss-purgecss --save-dev
+npm i postcss-cli postcss cssnano @fullhuman/postcss-purgecss tailwindcss --save-dev
 npm i watch --save-dev // ( optionnal )
 
 package.json : 
@@ -9,7 +9,7 @@ Change the path to your styles.css and main.css (    "build:css": "postcss YOUR_
 postcss.config.js : 
 Change the path to your *.html files and *.js files (if needed) in line 13
 
-Follow the Steps 1 - 2 - 3 & 4 : https://tailwindcss.com/docs/installation/
+Follow the Steps 2 - 3 & 4 : https://tailwindcss.com/docs/installation/
 
 When you are ready, build it :
 npm run build:css
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "Delightful",
+  "name": "YOUR_OWN_NAME",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",

diff --git a/README.txt b/README.txt
@@ -1,15 +1,14 @@
-package.json : 
-Change the path to your styles.css and main.css ( generated CSS) on the line 7
-
-postcss.config.js : 
-Change the path to your *.html files and *.js files (if needed) in line 13
-
-
 Install all packages: 
 npm init -y
 npm i postcss-cli postcss cssnano @fullhuman/postcss-purgecss --save-dev
 npm i watch --save-dev // ( optionnal )
 
+package.json : 
+Change the path to your styles.css and main.css (    "build:css": "postcss YOUR_PATH/styles.css -o YOUR_PATH/main.css", )
+
+postcss.config.js : 
+Change the path to your *.html files and *.js files (if needed) in line 13
+
 Follow the Steps 1 - 2 - 3 & 4 : https://tailwindcss.com/docs/installation/
 
 When you are ready, build it :

diff --git a/README.txt b/README.txt
@@ -6,6 +6,7 @@ Change the path to your *.html files and *.js files (if needed) in line 13
 
 
 Install all packages: 
+npm init -y
 npm i postcss-cli postcss cssnano @fullhuman/postcss-purgecss --save-dev
 npm i watch --save-dev // ( optionnal )
 

diff --git a/README.txt b/README.txt
@@ -7,7 +7,7 @@ Change the path to your *.html files and *.js files (if needed) in line 13
 
 Install all packages: 
 npm i postcss-cli postcss cssnano @fullhuman/postcss-purgecss --save-dev
-npm i watch --save // ( optionnal )
+npm i watch --save-dev // ( optionnal )
 
 Follow the Steps 1 - 2 - 3 & 4 : https://tailwindcss.com/docs/installation/
 

diff --git a/README.txt b/README.txt
@@ -2,4 +2,14 @@ package.json :
 Change the path to your styles.css and main.css ( generated CSS) on the line 7
 
 postcss.config.js : 
-Change the path to your *.html files and *.js files (if needed) in line 13
+Change the path to your *.html files and *.js files (if needed) in line 13
+
+
+Install all packages: 
+npm i postcss-cli postcss cssnano @fullhuman/postcss-purgecss --save-dev
+npm i watch --save // ( optionnal )
+
+Follow the Steps 1 - 2 - 3 & 4 : https://tailwindcss.com/docs/installation/
+
+When you are ready, build it :
+npm run build:css
diff --git a/README.txt b/README.txt
@@ -0,0 +1,5 @@
+package.json : 
+Change the path to your styles.css and main.css ( generated CSS) on the line 7
+
+postcss.config.js : 
+Change the path to your *.html files and *.js files (if needed) in line 13
diff --git a/package.json b/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "Delightful",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build:css": "postcss styles.css -o main.css",
+    "watch": "watch \"npm run build:css\" ./"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@fullhuman/postcss-purgecss": "^2.0.6",
+    "cssnano": "^4.1.10",
+    "postcss": "^7.0.26",
+    "postcss-cli": "^7.1.0",
+    "tailwindcss": "^1.2.0"
+  },
+  "dependencies": {
+    "watch": "^1.0.2"
+  }
+}
diff --git a/postcss.config.js b/postcss.config.js
@@ -0,0 +1,18 @@
+const tailwindcss = require('tailwindcss');
+const purgecss = require('@fullhuman/postcss-purgecss');
+const cssnano = require('cssnano');
+const autoprefixer = require('autoprefixer');
+
+module.exports = {
+  plugins: [
+    tailwindcss('./tailwind.config.js'),
+    cssnano({
+      preset: 'default'
+    }),
+    purgecss({
+      content: ['./*.html', './assets/js/*.js'],
+      defaultExtractor: (content) => content.match(/[\w-/:]+(?<!:)/g) || []
+    }),
+    autoprefixer
+  ]
+};
diff --git a/styles.css b/styles.css
@@ -0,0 +1,6 @@
+/* purgecss start ignore */
+@tailwind base;
+@tailwind components;
+/* purgecss end ignore */
+
+@tailwind utilities;
No results found