feat(plugin-svgr): use Rslib to bundle (#3698)

packages/plugin-svgr/package.json

@@ -11,21 +11,20 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist-types/index.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     }
   },
   "main": "./dist/index.cjs",
-  "types": "./dist-types/index.d.ts",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
-    "compiled",
-    "dist-types"
+    "compiled"
   ],
   "scripts": {
-    "build": "modern build",
-    "dev": "modern build --watch",
+    "build": "rslib build",
+    "dev": "rslib build --watch",
     "prebundle": "prebundle"
   },
   "dependencies": {

packages/plugin-svgr/rslib.config.ts

@@ -0,0 +1,18 @@
+import { dualPackage } from '@rsbuild/config/rslib.config.ts';
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  ...dualPackage,
+  lib: [
+    ...dualPackage.lib,
+    {
+      syntax: 'es2021',
+      format: 'cjs',
+      source: {
+        entry: {
+          loader: './src/loader.ts',
+        },
+      },
+    },
+  ],
+});

packages/plugin-svgr/src/loader.ts

@@ -9,7 +9,7 @@
 import { normalize } from 'node:path';
 import { callbackify } from 'node:util';
 import type { Rspack } from '@rsbuild/core';
-import { type Config, type State, transform } from '@svgr/core';
+import { type Config, type Plugin, type State, transform } from '@svgr/core';
 import jsx from '@svgr/plugin-jsx';
 import svgo from '@svgr/plugin-svgo';
 
@@ -34,11 +34,11 @@ function svgrLoader(
     return exportMatches ? `export default ${exportMatches[1]}` : null;
   })();
 
-  const state = {
+  const state: Partial<State> = {
     caller: {
       name: '@rsbuild/plugin-svgr',
       previousExport,
-      defaultPlugins: [svgo, jsx],
+      defaultPlugins: [svgo, jsx] as unknown as Plugin[],
     },
     filePath: normalize(this.resourcePath),
   };

packages/plugin-svgr/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "@rsbuild/config/tsconfig",
+  "extends": "@rsbuild/config/tsconfig-node16",
   "compilerOptions": {
     "outDir": "./dist",
     "baseUrl": "./",