create-packer 1.35.6 → 1.35.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-packer",
-  "version": "1.35.6",
+  "version": "1.35.8",
   "main": "index.js",
   "repository": "https://github.com/kevily/create-packer",
   "author": "1k <bug_zero@163.com>",

package/template/web-app/react-rspack/env.d.ts

@@ -2,16 +2,28 @@
 import 'styled-components'
 import { themeType } from './shared/theme'
 
-declare module 'styled-components' {
-    export interface DefaultTheme extends themeType {}
-}
+declare global {
+    declare module 'styled-components' {
+        export interface DefaultTheme extends themeType {}
+    }
 
-interface ImportMetaEnv {
-    // import.meta.env.PUBLIC_FOO
-    readonly PUBLIC_BASE_URL: string
-    readonly PUBLIC_API_HOST: string
-}
+    interface ImportMetaEnv {
+        // import.meta.env.PUBLIC_FOO
+        readonly PUBLIC_BASE_URL: string
+        readonly PUBLIC_API_HOST: string
+    }
+
+    interface ImportMeta {
+        readonly env: ImportMetaEnv
+    }
+
+    declare module '*.svg' {
+        const content: string
+        export default content
+    }
 
-interface ImportMeta {
-    readonly env: ImportMetaEnv
+    declare module '*.svg?react' {
+        const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement>>
+        export default ReactComponent
+    }
 }

package/template/web-app/react-rspack/rsbuild.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig, loadEnv, CacheGroups } from '@rsbuild/core'
+import { defineConfig, loadEnv } from '@rsbuild/core'
 import { pluginReact } from '@rsbuild/plugin-react'
 import { pluginStyledComponents } from '@rsbuild/plugin-styled-components'
 import { pluginEslint } from '@rsbuild/plugin-eslint'
@@ -7,29 +7,7 @@ import { pluginTypeCheck } from '@rsbuild/plugin-type-check'
 import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer'
 import { RsdoctorRspackPlugin } from '@rsdoctor/rspack-plugin'
 import { pluginSvgr } from '@rsbuild/plugin-svgr'
-
-function createChunks(chunks: Array<{ name: string; libs: string[] | RegExp; priority?: number }>) {
-    const result: CacheGroups = {
-        vendors: {
-            test: /[\\/]node_modules[\\/]/,
-            chunks: 'all',
-            name: 'vendors',
-            priority: -1
-        }
-    }
-    chunks.forEach(({ name, libs, priority }) => {
-        result[name] = {
-            test: Array.isArray(libs)
-                ? new RegExp(`[\\\\/]node_modules[\\\\/](${libs.join('|')})[\\\\/]`)
-                : libs,
-            chunks: 'all',
-            name,
-            priority
-        }
-        return result
-    })
-    return result
-}
+import { createChunks } from './scripts/createChunks'
 
 export default defineConfig(({ envMode, command }) => {
     const { parsed: env } = loadEnv()

package/template/web-app/react-rspack/scripts/createChunks.ts

@@ -0,0 +1,26 @@
+import { CacheGroups } from '@rsbuild/core'
+
+export function createChunks(
+    chunks: Array<{ name: string; libs: string[] | RegExp; priority?: number }>
+) {
+    const result: CacheGroups = {
+        vendors: {
+            test: /[\\/]node_modules[\\/]/,
+            chunks: 'all',
+            name: 'vendors',
+            priority: -1
+        }
+    }
+    chunks.forEach(({ name, libs, priority }) => {
+        result[name] = {
+            test: Array.isArray(libs)
+                ? new RegExp(`[\\\\/]node_modules[\\\\/](${libs.join('|')})[\\\\/]`)
+                : libs,
+            chunks: 'all',
+            name,
+            priority
+        }
+        return result
+    })
+    return result
+}

package/template/web-app/react-rspack/scripts/index.ts

@@ -0,0 +1 @@
+export * from './createChunks'