chore: init basic needs

Author: SoonIter

examples/react-component/README.md renamed to examples/react-component-bundle-false/README.md

@@ -0,0 +1,16 @@
+{
+  "name": "@examples/react-component-bundle-false",
+  "private": true,
+  "scripts": {
+    "build": "rslib build"
+  },
+  "devDependencies": {
+    "@rsbuild/plugin-react": "1.0.1-rc.4",
+    "@rslib/core": "workspace:*",
+    "@types/react": "^18.3.5",
+    "react": "^18.3.1"
+  },
+  "peerDependencies": {
+    "react": "*"
+  }
+}

examples/react-component-bundle-false/package.json

@@ -0,0 +1,53 @@
+import { pluginReact } from '@rsbuild/plugin-react';
+import { type LibConfig, defineConfig } from '@rslib/core';
+
+const shared: LibConfig = {
+  bundle: false,
+};
+
+export default defineConfig({
+  source: {
+    entry: {
+      index: ['./src/**', '!./src/env.d.ts'],
+    },
+  },
+  lib: [
+    {
+      ...shared,
+      format: 'esm',
+      output: {
+        distPath: {
+          root: './dist/esm',
+          css: '.',
+          cssAsync: '.',
+        },
+      },
+      bundle: false,
+    },
+    // {
+    //   ...shared,
+    //   format: 'cjs',
+    //   output: {
+    //     distPath: {
+    //       root: './dist/cjs',
+    //       css: '.',
+    //       cssAsync: '.',
+    //     },
+    //   },
+    //   bundle: false,
+    // },
+  ],
+  // tools: {
+  //   bundlerChain(config, {CHAIN_ID}) {
+  //     const cssExtract = CHAIN_ID.PLUGIN.MINI_CSS_EXTRACT
+  //     config.plugins.delete(cssExtract)
+
+  //   },
+  //   cssExtract: {
+  //     loaderOptions: {
+  //       rootDir: './src',
+  //     },
+  //   },
+  // },
+  plugins: [pluginReact()],
+});

examples/react-component-bundle-false/rslib.config.ts

@@ -0,0 +1,3 @@
+.button {
+  background: blue;
+}

examples/react-component-bundle-false/src/CounterButton.module.css

@@ -1,3 +1,4 @@
+import styles from './CounterButton.module.css';
 interface CounterButtonProps {
   onClick: () => void;
   label: string;
@@ -7,7 +8,7 @@ export const CounterButton: React.FC<CounterButtonProps> = ({
   onClick,
   label,
 }) => (
-  <button type="button" onClick={onClick}>
+  <button type="button" className={styles.button} onClick={onClick}>
     {label}
   </button>
 );

examples/react-component/src/CounterButton.tsx renamed to examples/react-component-bundle-false/src/CounterButton.tsx

@@ -0,0 +1,4 @@
+declare module '*.module.css' {
+  const classes: { [key: string]: string };
+  export default classes;
+}

examples/react-component-bundle-false/src/env.d.ts

@@ -1,5 +1,6 @@
 import { CounterButton } from './CounterButton';
 import { useCounter } from './useCounter';
+import './reset.css';
 
 export const Counter: React.FC = () => {
   const { count, increment, decrement } = useCounter();

examples/react-component/src/index.tsx renamed to examples/react-component-bundle-false/src/index.tsx

@@ -0,0 +1,3 @@
+.body {
+  background: red;
+}

examples/react-component-bundle-false/src/reset.css

@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "strict": true
+  },
+  "include": ["src/**/*"]
+}