Use plugin

Author: Brandon Pittman

examples/gridsome/gridsome.config.js

@@ -1,20 +1,9 @@
-const purgecss = require('@fullhuman/postcss-purgecss')
-const tailwind = require('tailwindcss')
-
-const postcssPlugins = [
-  tailwind('./tailwind.config.js'),
-]
-
-// add purgecss only when building for production
-if (process.env.NODE_ENV === 'production') postcssPlugins.push(purgecss())
-
 module.exports = {
   siteName: 'Gridsome Tailwind Setup',
-  css: {
-    loaderOptions: {
-      postcss: {
-        plugins: postcssPlugins,
-      },
+  plugins: [
+    {
+      use: 'gridsome-plugin-tailwindcss',
     },
-  },
-}
+  ],
+}
+

examples/gridsome/package.json

@@ -7,8 +7,7 @@
     "explore": "gridsome explore"
   },
   "dependencies": {
-    "@fullhuman/postcss-purgecss": "^1.2.0",
-    "gridsome": "^0.6.0",
-    "tailwindcss": "^1.0.3"
+    "gridsome": "latest",
+    "gridsome-plugin-tailwindcss": "latest"
   }
 }