create-packer 1.47.0 → 1.47.2

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

@@ -41,13 +41,6 @@ export default defineConfig(({ envMode, command }) => {
                     new StylelintWebpackPlugin(),
                     process.env.RSDOCTOR && new RsdoctorRspackPlugin()
                 ]
-            },
-            swc: {
-                jsc: {
-                    experimental: {
-                        plugins: [['@swc/plugin-emotion', {}]]
-                    }
-                }
             }
         },
         plugins: [
@@ -59,11 +52,7 @@ export default defineConfig(({ envMode, command }) => {
                     }
                 }),
             pluginSvgr(),
-            pluginReact({
-                swcReactOptions: {
-                    importSource: '@emotion/react'
-                }
-            })
+            pluginReact()
         ],
         performance: {
             removeConsole: command === 'build' ? ['log'] : false,

package/template/web-app/react-rsbuild/tsconfig.json

@@ -18,7 +18,6 @@
         "isolatedModules": true,
         "noEmit": true,
         "jsx": "react-jsx",
-        "jsxImportSource": "@emotion/react",
         "paths": {
             "@/*": ["./*"]
         }

package/template/web-app/react-vite/domain/components/app-context.tsx

@@ -1,8 +1,6 @@
 import { FunctionComponent, ReactNode } from 'react'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { Global, ThemeProvider } from '@emotion/react'
 import { request } from '@/shared/service'
-import { globalCss, theme } from '@/shared/styles'
 
 const queryClient = new QueryClient({
     defaultOptions: {
@@ -20,12 +18,5 @@ export interface propsType {
     children: ReactNode
 }
 export const Root: FunctionComponent<propsType> = props => {
-    return (
-        <ThemeProvider theme={theme}>
-            <QueryClientProvider client={queryClient}>
-                <Global styles={globalCss} />
-                {props.children}
-            </QueryClientProvider>
-        </ThemeProvider>
-    )
+    return <QueryClientProvider client={queryClient}>{props.children}</QueryClientProvider>
 }

package/template/web-app/react-vite/main.tsx

@@ -1,6 +1,5 @@
 import { createRoot } from 'react-dom/client'
 import { App } from '@/domain/components'
+import './shared/styles/theme.css'
 
-export default function () {
-    createRoot(document.getElementById('root') as HTMLElement).render(<App.Root />)
-}
+createRoot(document.getElementById('root') as HTMLElement).render(<App.Root />)

package/template/web-app/react-vite/package.json

@@ -1,78 +1,78 @@
-{
-    "name": "react-vite",
-    "private": true,
-    "version": "0.0.0",
-    "type": "module",
-    "scripts": {
-        "prepare": "husky",
-        "dev": "vite",
-        "build": "tsc --noEmit && vite build",
-        "build:analyse": "tsc --noEmit && vite build --mode analyse",
-        "preview": "vite preview",
-        "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
-        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
-        "lint": "tsc --noEmit && eslint --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,ts,tsx}",
-        "lint:fix": "eslint --fix && stylelint **/*.{css,scss,less,ts,tsx} --fix",
-        "cz": "cz",
-        "push": "npm run commit && git push",
-        "commit": "git add . && npm run cz"
-    },
-    "dependencies": {
-        "@emotion/react": "11.14.0",
-        "@emotion/styled": "11.14.1",
-        "@tanstack/react-query": "5.51.15",
-        "axios": "1.7.9",
-        "define-zustand": "3.4.0",
-        "es-toolkit": "1.39.8",
-        "immer": "10.0.1",
-        "qs": "6.11.2",
-        "react": "18.3.1",
-        "react-dom": "18.3.1",
-        "react-router": "7.5.0",
-        "react-use": "17.5.0",
-        "type-fest": "4.33.0",
-        "zustand": "5.0.3"
-    },
-    "devDependencies": {
-        "@commitlint/cli": "17.6.1",
-        "@commitlint/config-conventional": "17.6.1",
-        "@commitlint/cz-commitlint": "17.5.0",
-        "@emotion/babel-plugin": "11.13.5",
-        "@eslint/js": "9.15.0",
-        "@faker-js/faker": "8.4.1",
-        "@types/node": "18.16.0",
-        "@types/qs": "6.9.7",
-        "@types/react": "18.3.3",
-        "@types/react-dom": "18.3.0",
-        "@vitejs/plugin-react": "5.0.1",
-        "autoprefixer": "10.4.14",
-        "commitizen": "4.3.0",
-        "cssnano": "6.0.0",
-        "eslint": "9.17.0",
-        "eslint-import-resolver-typescript": "3.7.0",
-        "eslint-plugin-import": "2.31.0",
-        "eslint-plugin-react": "7.37.2",
-        "eslint-plugin-react-hooks": "5.1.0",
-        "globals": "15.12.0",
-        "husky": "9.1.6",
-        "inquirer": "8.1.2",
-        "postcss": "8.4.35",
-        "postcss-import": "16.0.1",
-        "postcss-nesting": "12.0.3",
-        "prettier": "3.2.5",
-        "rollup-plugin-visualizer": "5.12.0",
-        "stylelint": "16.10.0",
-        "stylelint-config-standard": "36.0.1",
-        "typescript": "5.8.2",
-        "typescript-eslint": "8.15.0",
-        "vite": "7.1.3",
-        "vite-plugin-checker": "0.10.2",
-        "vite-plugin-mock-dev-server": "1.9.3",
-        "vite-plugin-svgr": "4.5.0"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    }
-}
+{
+    "name": "react-vite",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "prepare": "husky",
+        "dev": "vite",
+        "build": "tsc --noEmit && vite build",
+        "build:analyse": "tsc --noEmit && vite build --mode analyse",
+        "preview": "vite preview",
+        "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
+        "up:tailwind": "pnpm up tailwindcss @tailwindcss/* -L",
+        "format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
+        "lint": "tsc --noEmit && eslint --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,ts,tsx}",
+        "lint:fix": "eslint --fix && stylelint **/*.{css,scss,less,ts,tsx} --fix",
+        "cz": "cz",
+        "push": "npm run commit && git push",
+        "commit": "git add . && npm run cz"
+    },
+    "dependencies": {
+        "@tanstack/react-query": "5.51.15",
+        "axios": "1.7.9",
+        "define-zustand": "3.4.0",
+        "es-toolkit": "1.43.0",
+        "immer": "10.0.1",
+        "qs": "6.11.2",
+        "react": "18.3.1",
+        "react-dom": "18.3.1",
+        "react-router": "7.5.0",
+        "react-use": "17.5.0",
+        "tailwindcss": "4.1.4",
+        "type-fest": "4.33.0",
+        "zustand": "5.0.3"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "17.6.1",
+        "@commitlint/config-conventional": "17.6.1",
+        "@commitlint/cz-commitlint": "17.5.0",
+        "@eslint/js": "9.15.0",
+        "@faker-js/faker": "8.4.1",
+        "@tailwindcss/vite": "^4.1.18",
+        "@types/node": "18.16.0",
+        "@types/qs": "6.9.7",
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
+        "@vitejs/plugin-react": "5.1.2",
+        "autoprefixer": "10.4.14",
+        "commitizen": "4.3.0",
+        "cssnano": "6.0.0",
+        "eslint": "9.17.0",
+        "eslint-import-resolver-typescript": "3.7.0",
+        "eslint-plugin-import": "2.31.0",
+        "eslint-plugin-react": "7.37.2",
+        "eslint-plugin-react-hooks": "5.1.0",
+        "globals": "15.12.0",
+        "husky": "9.1.6",
+        "inquirer": "8.1.2",
+        "postcss": "8.4.35",
+        "postcss-import": "16.0.1",
+        "postcss-nesting": "12.0.3",
+        "prettier": "3.2.5",
+        "rollup-plugin-visualizer": "5.12.0",
+        "stylelint": "16.10.0",
+        "stylelint-config-standard": "36.0.1",
+        "typescript": "5.8.2",
+        "typescript-eslint": "8.15.0",
+        "vite": "7.3.0",
+        "vite-plugin-checker": "0.12.0",
+        "vite-plugin-mock-dev-server": "2.0.7",
+        "vite-plugin-svgr": "4.5.0"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

package/template/web-app/react-vite/pages/home/view.module.css

@@ -0,0 +1,3 @@
+.root {
+    @apply flex justify-center items-center;
+}

package/template/web-app/react-vite/pages/home/view.tsx

@@ -1,10 +1,10 @@
 import { useHomeData } from '@/shared/service'
-import { StyledRoot } from './view.styled'
+import styles from './view.module.css'
 
 export default function Home() {
     const { data } = useHomeData()
 
     console.log('data', data)
 
-    return <StyledRoot>sdfs</StyledRoot>
+    return <div className={styles.root}>sdfs</div>
 }

package/template/web-app/react-vite/tsconfig.json

@@ -18,7 +18,6 @@
         "isolatedModules": true,
         "noEmit": true,
         "jsx": "react-jsx",
-        "jsxImportSource": "@emotion/react",
         "paths": {
             "@/*": ["./*"]
         }

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

@@ -1,21 +1,12 @@
 /// <reference types="vite/client" />
 /// <reference types="vite-plugin-svgr/client" />
 
-import '@emotion/react'
-import { type themeType } from '@/shared/styles'
-
-declare global {
-    interface ImportMetaEnv {
-        readonly VITE_BASE_URL: string
-        readonly VITE_API_HOST: string
-        // 更多环境变量...
-    }
-
-    interface ImportMeta {
-        readonly env: ImportMetaEnv
-    }
+interface ImportMetaEnv {
+    readonly VITE_BASE_URL: string
+    readonly VITE_API_HOST: string
+    // 更多环境变量...
 }
 
-declare module '@emotion/react' {
-    export interface Theme extends themeType {}
+interface ImportMeta {
+    readonly env: ImportMetaEnv
 }

package/template/web-app/react-vite/vite.config.ts

@@ -3,6 +3,7 @@ import react from '@vitejs/plugin-react'
 import svgr from 'vite-plugin-svgr'
 import { mockDevServerPlugin } from 'vite-plugin-mock-dev-server'
 import checker from 'vite-plugin-checker'
+import tailwindcss from '@tailwindcss/vite'
 import { visualizer } from 'rollup-plugin-visualizer'
 import { createChunks } from './scripts'
 
@@ -11,6 +12,7 @@ export default defineConfig(({ mode }) => {
     const env = loadEnv(mode, process.cwd(), '')
     const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
     const plugins: any[] = [
+        tailwindcss(),
         svgr(),
         mockDevServerPlugin({
             include: ['**/*.mock.{ts,js}']
@@ -20,9 +22,7 @@ export default defineConfig(({ mode }) => {
             typescript: true,
             eslint: { useFlatConfig: true, lintCommand: 'eslint', dev: { logLevel: ['error'] } }
         }),
-        react({
-            babel: { plugins: [['@emotion']] }
-        })
+        react()
     ]
 
     if (mode === 'analyse') {

package/template/web-app/vue/.stylelintrc

@@ -14,7 +14,7 @@
         "at-rule-no-unknown": [
             true,
             {
-                "ignoreAtRules": ["tailwind", "apply", "use"]
+                "ignoreAtRules": ["tailwind", "apply", "use", "reference"]
             }
         ],
         "declaration-block-no-redundant-longhand-properties": null,
@@ -28,7 +28,7 @@
         "scss/at-rule-no-unknown": [
             true,
             {
-                "ignoreAtRules": ["tailwind", "apply"]
+                "ignoreAtRules": ["tailwind", "apply", "reference"]
             }
         ]
     }

package/template/web-app/vue/domain/components/createComponentInstance.ts

@@ -1,5 +1,5 @@
 import { createVNode, render, VNodeChild } from 'vue'
-import app from './app'
+import app from './app.vue'
 
 const store = new Map()
 

package/template/web-app/vue/main.ts

@@ -2,6 +2,6 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import { App } from '@/domain/components'
 import { router } from '@/domain/router'
-import './main.css'
+import './shared/styles/theme.css'
 
 createApp(App).use(createPinia()).use(router).mount('#app')

package/template/web-app/vue/package.json

@@ -1,71 +1,72 @@
-{
-    "name": "vue-vite",
-    "private": true,
-    "version": "0.0.0",
-    "type": "module",
-    "scripts": {
-        "prepare": "husky",
-        "dev": "vite",
-        "build": "vue-tsc --noEmit && vite build",
-        "build:analyse": "tsc --noEmit && vite build --mode analyse",
-        "preview": "vite preview",
-        "format": "prettier --write \"**/*.{vue,ts,js,tsx,jsx,json,css,scss,less}\"",
-        "lint": "vue-tsc --noEmit && eslint --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,vue}",
-        "lint:fix": "eslint --fix && stylelint **/*.{css,scss,less,vue} --fix",
-        "cz": "cz",
-        "push": "npm run commit && git push",
-        "commit": "git add . && npm run cz",
-        "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
-        "up:vue": "pnpm up vue vue-router vue-tsc -L"
-    },
-    "dependencies": {
-        "axios": "1.7.9",
-        "es-toolkit": "1.39.8",
-        "pinia": "3.0.3",
-        "tailwindcss": "4.1.4",
-        "type-fest": "4.33.0",
-        "vue": "3.5.20",
-        "vue-router": "4.5.1"
-    },
-    "devDependencies": {
-        "@commitlint/cli": "17.6.1",
-        "@commitlint/config-conventional": "17.6.1",
-        "@commitlint/cz-commitlint": "17.5.0",
-        "@eslint/js": "9.15.0",
-        "@faker-js/faker": "8.4.1",
-        "@tailwindcss/vite": "4.1.4",
-        "@types/mockjs": "1.0.10",
-        "@vitejs/plugin-vue": "6.0.1",
-        "@vitejs/plugin-vue-jsx": "5.0.1",
-        "autoprefixer": "10.4.14",
-        "commitizen": "4.3.0",
-        "cssnano": "6.0.0",
-        "eslint": "9.17.0",
-        "eslint-import-resolver-typescript": "3.7.0",
-        "eslint-plugin-import": "2.31.0",
-        "eslint-plugin-vue": "9.32.0",
-        "globals": "15.12.0",
-        "husky": "9.1.6",
-        "inquirer": "8.1.2",
-        "postcss": "8.4.38",
-        "postcss-html": "1.8.0",
-        "postcss-import": "16.1.0",
-        "postcss-nesting": "12.1.1",
-        "prettier": "3.2.5",
-        "rollup-plugin-visualizer": "5.12.0",
-        "stylelint": "16.10.0",
-        "stylelint-config-standard-scss": "13.1.0",
-        "typescript": "5.8.2",
-        "typescript-eslint": "8.15.0",
-        "vite": "7.1.3",
-        "vite-plugin-checker": "0.10.2",
-        "vite-plugin-mock-dev-server": "1.9.3",
-        "vite-svg-loader": "5.1.0",
-        "vue-tsc": "3.0.6"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    }
-}
+{
+    "name": "vue-vite",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "prepare": "husky",
+        "dev": "vite",
+        "build": "vue-tsc --noEmit && vite build",
+        "build:analyse": "tsc --noEmit && vite build --mode analyse",
+        "preview": "vite preview",
+        "format": "prettier --write \"**/*.{vue,ts,js,tsx,jsx,json,css,scss,less}\"",
+        "lint": "vue-tsc --noEmit && eslint --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,vue}",
+        "lint:fix": "eslint --fix && stylelint **/*.{css,scss,less,vue} --fix",
+        "cz": "cz",
+        "push": "npm run commit && git push",
+        "commit": "git add . && npm run cz",
+        "up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
+        "up:vue": "pnpm up vue vue-router vue-tsc -L",
+        "up:tailwind": "pnpm up tailwindcss @tailwindcss/* -L"
+    },
+    "dependencies": {
+        "axios": "1.7.9",
+        "es-toolkit": "1.43.0",
+        "pinia": "3.0.3",
+        "tailwindcss": "4.1.4",
+        "type-fest": "4.33.0",
+        "vue": "3.5.20",
+        "vue-router": "4.5.1"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "17.6.1",
+        "@commitlint/config-conventional": "17.6.1",
+        "@commitlint/cz-commitlint": "17.5.0",
+        "@eslint/js": "9.15.0",
+        "@faker-js/faker": "8.4.1",
+        "@tailwindcss/vite": "4.1.4",
+        "@types/mockjs": "1.0.10",
+        "@vitejs/plugin-vue": "6.0.3",
+        "@vitejs/plugin-vue-jsx": "5.1.3",
+        "autoprefixer": "10.4.14",
+        "commitizen": "4.3.0",
+        "cssnano": "6.0.0",
+        "eslint": "9.17.0",
+        "eslint-import-resolver-typescript": "3.7.0",
+        "eslint-plugin-import": "2.31.0",
+        "eslint-plugin-vue": "9.32.0",
+        "globals": "15.12.0",
+        "husky": "9.1.6",
+        "inquirer": "8.1.2",
+        "postcss": "8.4.38",
+        "postcss-html": "1.8.0",
+        "postcss-import": "16.1.0",
+        "postcss-nesting": "12.1.1",
+        "prettier": "3.2.5",
+        "rollup-plugin-visualizer": "5.12.0",
+        "stylelint": "16.10.0",
+        "stylelint-config-standard-scss": "13.1.0",
+        "typescript": "5.8.2",
+        "typescript-eslint": "8.15.0",
+        "vite": "7.3.0",
+        "vite-plugin-checker": "0.12.0",
+        "vite-plugin-mock-dev-server": "2.0.7",
+        "vite-svg-loader": "5.1.0",
+        "vue-tsc": "3.0.6"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

package/template/web-app/vue/pages/home/view.vue

@@ -10,6 +10,8 @@ console.log('data', data)
 </template>
 
 <style scoped>
+@reference "@/main.css";
+
 .root {
     @apply tw:flex tw:items-center tw:justify-center;
 }

package/template/web-app/vue/shared/styles/theme.css

@@ -0,0 +1,4 @@
+@layer theme, base, components, utilities;
+@import "tailwindcss/theme.css" prefix(tw) layer(theme);
+@import "tailwindcss/utilities.css" layer(utilities);
+

package/template/web-app/vue/vite.config.ts

@@ -2,7 +2,7 @@ import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import svgLoader from 'vite-svg-loader'
-import mockDevServer from 'vite-plugin-mock-dev-server'
+import { mockDevServerPlugin } from 'vite-plugin-mock-dev-server'
 import checker from 'vite-plugin-checker'
 import tailwindcss from '@tailwindcss/vite'
 import { visualizer } from 'rollup-plugin-visualizer'
@@ -14,7 +14,7 @@ export default defineConfig(({ mode }) => {
     const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
     const plugins: any[] = [
         tailwindcss(),
-        mockDevServer({
+        mockDevServerPlugin({
             include: ['**/*.mock.{ts,js}']
         }),
         vueJsx({

package/template/web-app/vue-rsbuild/.stylelintrc

@@ -14,7 +14,7 @@
         "at-rule-no-unknown": [
             true,
             {
-                "ignoreAtRules": ["tailwind", "apply", "use"]
+                "ignoreAtRules": ["tailwind", "reference", "apply", "use"]
             }
         ],
         "declaration-block-no-redundant-longhand-properties": null,
@@ -28,7 +28,7 @@
         "scss/at-rule-no-unknown": [
             true,
             {
-                "ignoreAtRules": ["tailwind", "apply"]
+                "ignoreAtRules": ["tailwind", "reference", "apply"]
             }
         ]
     }

package/template/web-app/vue-rsbuild/domain/components/createComponentInstance.ts

@@ -1,5 +1,5 @@
 import { createVNode, render, VNodeChild } from 'vue'
-import app from './app'
+import app from './app.vue'
 
 const store = new Map()
 

package/template/web-app/vue-rsbuild/main.ts

@@ -2,6 +2,6 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import { router } from '@/domain/router'
 import { App } from '@/domain/components'
-import './main.css'
+import './shared/styles/theme.css'
 
 createApp(App).use(createPinia()).use(router).mount('#app')