fix: fix vanilla-extract example and remove minimize false

rspack/builtin-swc-loader/rspack.config.mjs

@@ -84,9 +84,6 @@ export default defineConfig({
       },
     ],
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   plugins: [
     new rspack.HtmlRspackPlugin({
       template: "./index.html",

rspack/cra-ts/rspack.config.js

@@ -61,9 +61,6 @@ const config = {
       },
     ],
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   plugins: [
     new ReactRefreshPlugin(),
     new rspack.HtmlRspackPlugin({

rspack/cra/rspack.config.js

@@ -11,9 +11,6 @@ const config = {
   resolve: {
     extensions: ['...', '.ts', '.tsx', '.jsx'],
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   module: {
     rules: [
       {

rspack/emotion/rspack.config.js

@@ -4,9 +4,6 @@ const config = {
   entry: {
     main: './src/index.jsx',
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   resolve: {
     extensions: ['...', '.ts', '.tsx', '.jsx'],
   },

rspack/extract-license/rspack.config.js

@@ -5,9 +5,6 @@ const config = {
   entry: {
     main: './src/index.js',
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   plugins: [
     new rspack.HtmlRspackPlugin({
       template: './index.html',

rspack/loader-compat/rspack.config.js

@@ -127,8 +127,5 @@ const config = {
       },
     ],
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
 };
 module.exports = config;

rspack/react-refresh-babel-loader/rspack.config.js

@@ -7,9 +7,6 @@ const isProduction = process.env.NODE_ENV === 'production';
 const config = {
   entry: { main: './src/index.tsx' },
   devtool: false,
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   resolve: {
     extensions: ['...', '.ts', '.tsx', '.jsx'],
   },

rspack/react-refresh/rspack.config.js

@@ -39,9 +39,6 @@ const config = {
       },
     ],
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   plugins: [
     new rspack.HtmlRspackPlugin({ template: './index.html' }),
     !isProduction && new ReactRefreshPlugin(),

rspack/react-with-extract-css/rspack.config.js

@@ -54,9 +54,6 @@ const config = {
       },
     ],
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   plugins: [
     new rspack.HtmlRspackPlugin({
       template: './index.html',

rspack/react-with-less/rspack.config.js

@@ -46,9 +46,6 @@ const config = {
       },
     ],
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   plugins: [
     new rspack.HtmlRspackPlugin({
       template: './index.html',

rspack/react-with-sass/rspack.config.js

@@ -44,9 +44,6 @@ const config = {
       },
     ],
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   plugins: [
     new rspack.HtmlRspackPlugin({
       template: './index.html',

rspack/solid/rspack.config.js

@@ -42,9 +42,6 @@ const config = {
       },
     ],
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   plugins: [
     new rspack.HtmlRspackPlugin({
       template: './index.html',

rspack/styled-components/rspack.config.js

@@ -4,9 +4,6 @@ const config = {
   entry: {
     main: './src/index.tsx',
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   resolve: {
     extensions: ['...', '.ts', '.tsx', '.jsx'],
   },

rspack/svgr/rspack.config.js

@@ -40,9 +40,6 @@ const config = {
       },
     ],
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   plugins: [
     new rspack.HtmlRspackPlugin({
       template: './index.html',

rspack/vanilla-extract-css/package.json

@@ -5,7 +5,7 @@
   "main": "src/index.ts",
   "scripts": {
     "build": "rspack build",
-    "start": "rspack serve"
+    "dev": "rspack serve"
   },
   "dependencies": {
     "@rspack/cli": "1.2.0-alpha.0",

rspack/vanilla-extract-css/src/index.tsx

@@ -1,8 +1,8 @@
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import './global.css';
 import { App } from './App';
 
 const root = document.createElement('div');
 document.body.appendChild(root);
 
-render(<App />, root);
+createRoot(root).render(<App />);

rspack/vanilla-extract-css/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["DOM", "ES2020"],
+    "module": "ESNext",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "bundler",
+    "useDefineForClassFields": true
+  },
+  "include": ["src"]
+}

rspack/vue2-tsx/rspack.config.js

@@ -10,9 +10,6 @@ const config = defineConfig({
     historyApiFallback: true,
   },
   experiments: { css: true },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   resolve: {
     extensions: ['...', '.ts', '.tsx', '.jsx'],
   },

rspack/vue3-jsx/rspack.config.js

@@ -30,9 +30,6 @@ const config = {
       },
     ],
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   plugins: [
     new rspack.HtmlRspackPlugin({
       template: './index.html',

rspack/vue3-vanilla/rspack.config.js

@@ -10,9 +10,6 @@ const config = {
   devServer: {
     historyApiFallback: true,
   },
-  optimization: {
-    minimize: false, // Disabling minification because it takes too long on CI
-  },
   resolve: {
     extensions: ['...', '.ts', '.tsx', '.jsx'],
   },