beautiful works with tailwind webpack

packages/desktop2/webpack.renderer.config.js

@@ -1,9 +1,24 @@
-const rules = require('./webpack.rules');
-const plugins = require('./webpack.plugins');
+const rules = require("./webpack.rules");
+const plugins = require("./webpack.plugins");
+
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+
+const path = require("path");
 
 rules.push({
   test: /\.css$/,
-  use: [{ loader: 'style-loader' }, { loader: 'css-loader' }],
+  use: [
+    { loader: "style-loader" },
+    { loader: "css-loader" },
+    {
+      loader: "postcss-loader",
+      options: {
+        postcssOptions: {
+          config: path.join(__dirname, "postcss.config.js"),
+        },
+      },
+    },
+  ],
 });
 
 module.exports = {
@@ -12,6 +27,6 @@ module.exports = {
   },
   plugins: plugins,
   resolve: {
-    extensions: ['.js', '.ts', '.jsx', '.tsx', '.css'],
+    extensions: [".js", ".ts", ".jsx", ".tsx", ".css"],
   },
 };