Setup tailwind

Use this comment to add a custom docusaurus plugin https://github.com/facebook/docusaurus/issues/2961#issuecomment-735355912
2021-04-30 05:36:00 +10:00
parent dc4a7e06de
commit 6c39c4f5a7
6 changed files with 244 additions and 23 deletions
--- a/docs/plugins/docusaurus-tailwindcss-loader/index.js
+++ b/docs/plugins/docusaurus-tailwindcss-loader/index.js
@@ -0,0 +1,19 @@
+// See this GH comment, https://github.com/facebook/docusaurus/issues/2961#issuecomment-735355912
+module.exports = function (context, options) {
+  return {
+    name: 'postcss-tailwindcss-loader',
+    configurePostCss(postcssOptions) {
+      postcssOptions.plugins.push(
+        require('postcss-import'),
+        require('tailwindcss'),
+        require('postcss-preset-env')({
+          autoprefixer: {
+            flexbox: 'no-2009',
+          },
+          stage: 4,
+        })
+      )
+      return postcssOptions
+    },
+  }
+}