integrated windii styles in next.js

Watts-Lab · Jul 29, 2024 · cd24980 · cd24980
1 parent 1b8176f
commit cd24980
Show file tree

Hide file tree

Showing 6 changed files with 382 additions and 206 deletions.
diff --git a/next.config.js b/next.config.js
@@ -3,8 +3,17 @@ const nextConfig = {
   reactStrictMode: true,
 };
 
+const WindiCSSWebpackPlugin = require('windicss-webpack-plugin');
+
 module.exports = {
   ...nextConfig,
+  webpack: (config) => {
+    config.plugins.push(new WindiCSSWebpackPlugin({
+      virtualModulePath: 'src/virtual:windi.css',
+    }));
+    //console.log("Webpack config:", config);
+    return config;
+  },
   /*
   env: {
     GITHUB_CLIENT_ID: process.env.GITHUB_CLIENT_ID,