style(griffel): replace opinionated css with griffel (#34)

victorfrye · Feb 19, 2024 · 4ae8fcc · 4ae8fcc
1 parent d11f7bd
commit 4ae8fcc
Show file tree

Hide file tree

Showing 14 changed files with 4,125 additions and 515 deletions.
diff --git a/next.config.mjs b/next.config.mjs
@@ -1,7 +1,35 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {
+import { withGriffelCSSExtraction } from '@griffel/next-extraction-plugin';
+
+const nextConfig = withGriffelCSSExtraction()({
   output: 'export',
-  // reactStrictMode: false,
-};
+  webpack: (config, { buildId, dev, isServer, defaultLoaders, nextRuntime, webpack }) => {
+    config.module.rules.unshift({
+      test: /\.(js|jsx)$/,
+      exclude: /node_modules/,
+      use: [
+        {
+          loader: '@griffel/webpack-loader',
+        },
+      ],
+    },
+    {
+      test: /\.(ts|tsx)$/,
+      exclude: /node_modules/,
+      use: [
+        {
+          loader: '@griffel/webpack-loader',
+          options: {
+            babelOptions: {
+              presets: ['next/babel'],
+            },
+          },
+        },
+      ],
+    });
+
+    return config;
+  },
+});
 
 export default nextConfig;