Use tailwindcss jit (#79)

assets/package.json

@@ -26,6 +26,7 @@
   "devDependencies": {
     "@babel/core": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
+    "@tailwindcss/jit": "^0.1.1",
     "autoprefixer": "^10.2.0",
     "babel-loader": "^8.0.0",
     "copy-webpack-plugin": "^5.1.1",

assets/postcss.config.js

@@ -1,7 +1,7 @@
 module.exports = {
-  plugins: [
-    require('postcss-import'),
-    require('tailwindcss'),
-    require('autoprefixer'),
-  ]
-};
+  plugins: {
+    'postcss-import': {},
+    '@tailwindcss/jit': {},
+    autoprefixer: {},
+  }
+}

assets/webpack.config.js

@@ -7,6 +7,9 @@ const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 
+// Make sure NODE_ENV is set, so that @tailwindcss/jit is in watch mode in development.
+process.env.NODE_ENV = process.env.NODE_ENV || 'development';
+
 module.exports = (env, options) => {
   const devMode = options.mode !== 'production';