create-packer 1.48.0 → 1.49.0

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

@@ -1,72 +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",
-        "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"
-        }
-    }
-}
+{
+    "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.16.0",
+        "es-toolkit": "1.46.1",
+        "pinia": "3.0.4",
+        "tailwindcss": "4.1.4",
+        "type-fest": "5.6.0",
+        "vue": "3.5.34",
+        "vue-router": "5.0.6"
+    },
+    "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.6",
+        "@vitejs/plugin-vue-jsx": "5.1.5",
+        "autoprefixer": "10.4.14",
+        "commitizen": "4.3.0",
+        "cssnano": "6.0.0",
+        "eslint": "9.17.0",
+        "eslint-import-resolver-typescript": "4.4.4",
+        "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": "6.0.3",
+        "typescript-eslint": "8.59.2",
+        "vite": "8.0.11",
+        "vite-plugin-checker": "0.13.0",
+        "vite-plugin-mock-dev-server": "2.2.0",
+        "vite-svg-loader": "5.1.1",
+        "vue-tsc": "3.2.8"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    }
+}

package/template/web-app/vue/scripts/createCodeSplitting.ts

@@ -0,0 +1,30 @@
+import { type BuildEnvironmentOptions } from 'vite'
+
+type OutputOption<T> = T extends Array<infer O> ? O : T
+type CodeSplitting = NonNullable<
+    OutputOption<NonNullable<BuildEnvironmentOptions['rolldownOptions']>['output']>
+>['codeSplitting']
+
+export function createCodeSplitting(
+    chunks: Array<{ name: string; libs: string[] | RegExp; priority: number }>
+) {
+    const result = {
+        groups: [
+            {
+                test: /[\\/]node_modules[\\/]/,
+                name: 'vendors',
+                priority: 1
+            }
+        ]
+    } satisfies CodeSplitting
+    chunks.forEach(({ name, libs, priority }) => {
+        result.groups.unshift({
+            test: Array.isArray(libs)
+                ? new RegExp(`[\\\\/]node_modules[\\\\/](${libs.join('|')})[\\\\/]`)
+                : libs,
+            name,
+            priority
+        })
+    })
+    return result
+}

package/template/web-app/vue/scripts/index.ts

@@ -1 +1 @@
-export * from './createChunks'
+export * from './createCodeSplitting.js'

package/template/web-app/{vue-rsbuild/domain → vue/src}/components/app.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { router, routerNames } from '@/domain/router'
+import { router, routerNames } from '@/router'
 
 router.beforeEach(async to => {
     if (!Object.values(routerNames).includes(to.name as string)) {

package/template/web-app/vue/src/main.css

@@ -0,0 +1 @@
+@import './shared/styles/theme.css';

package/template/web-app/vue/{main.ts → src/main.ts}

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

package/template/web-app/vue/{pages → src/pages}/home/view.mock.ts

@@ -1,6 +1,6 @@
 import { faker } from '@faker-js/faker'
 import { defineMock } from '@/mockUtils'
-import { API } from '@/shared/service'
+import { API } from '@/service'
 
 export default defineMock([
     {

package/template/web-app/vue/{pages → src/pages}/home/view.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { fetchHomeData } from '@/shared/service'
+import { fetchHomeData } from '@/service'
 
 const data = fetchHomeData()
 console.log('data', data)

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

@@ -1,25 +1,28 @@
 {
     "compilerOptions": {
-        "baseUrl": ".",
         "target": "ESNext",
         "useDefineForClassFields": true,
+        "lib": ["DOM", "DOM.Iterable", "ESNext"],
+        "allowJs": false,
+        "skipLibCheck": true,
+        "allowSyntheticDefaultImports": true,
+        "strict": true,
+        "forceConsistentCasingInFileNames": true,
+        "strictPropertyInitialization": false,
+        "strictNullChecks": true,
         "module": "ESNext",
         "moduleResolution": "bundler",
-        "strict": true,
         "jsx": "preserve",
         "jsxImportSource": "vue",
         "sourceMap": true,
         "resolveJsonModule": true,
         "isolatedModules": true,
-        "strictPropertyInitialization": false,
         "esModuleInterop": true,
-        "lib": ["ESNext", "DOM"],
-        "skipLibCheck": true,
         "paths": {
-            "@/*": ["./*"]
+            "@/*": ["./src/*"]
         }
     },
-    "include": ["**/*.tsx", "**/*.ts", "**/*.vue"],
+    "include": ["**/*.ts", "**/*.tsx", "**/*.vue"],
     "exclude": ["scripts", "vite.config.ts"],
     "references": [{ "path": "./tsconfig.node.json" }]
 }

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

@@ -1,8 +1,8 @@
 {
     "compilerOptions": {
         "composite": true,
-        "module": "ESNext",
-        "moduleResolution": "bundler",
+        "module": "nodenext",
+        "moduleResolution": "nodenext",
         "allowSyntheticDefaultImports": true,
         "resolveJsonModule": true
     },

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

@@ -1,3 +1,4 @@
+import path from 'path'
 import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
@@ -6,12 +7,13 @@ 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'
+import { createCodeSplitting } from './scripts/index.js'
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
     const env = loadEnv(mode, process.cwd(), '')
     const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
+    const isDropConsole = ['production', 'analyse'].includes(mode)
     const plugins: any[] = [
         tailwindcss(),
         mockDevServerPlugin({
@@ -37,7 +39,7 @@ export default defineConfig(({ mode }) => {
         plugins,
         resolve: {
             alias: {
-                '@': __dirname
+                '@': path.resolve(__dirname, 'src')
             }
         },
         esbuild: {
@@ -46,11 +48,14 @@ export default defineConfig(({ mode }) => {
         build: {
             sourcemap: mode === 'analyse',
             reportCompressedSize: mode === 'analyse',
-            rollupOptions: {
+            rolldownOptions: {
                 output: {
-                    manualChunks: createChunks({
-                        vue: ['vue', 'vue-router']
-                    })
+                    codeSplitting: createCodeSplitting([
+                        { name: 'vue-vendor', libs: ['vue', 'vue-router'], priority: 20 }
+                    ]),
+                    minify: {
+                        compress: { dropConsole: isDropConsole, dropDebugger: isDropConsole }
+                    }
                 }
             }
         },

package/template/web-app/vue-rsbuild/eslint.config.js

@@ -23,6 +23,7 @@ export default tseslint.config([
                     jsx: true
                 },
                 useJSXTextNode: true,
+                tsconfigRootDir: import.meta.dirname,
                 parser: tseslint.parser
             },
             globals: {

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

@@ -1,77 +1,77 @@
-{
-    "name": "vue-vite",
-    "private": true,
-    "version": "0.0.0",
-    "type": "module",
-    "scripts": {
-        "prepare": "husky",
-        "dev": "rsbuild dev",
-        "build": "rsbuild build",
-        "build:analyse": "rsbuild build --env-mode analyse",
-        "build:rsdoctor": "cross-env RSDOCTOR=true rsbuild build",
-        "preview": "rsbuild preview",
-        "up:rsbuild": "pnpm up @rsbuild/* -L",
-        "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}",
-        "lint:fix": "eslint --fix && stylelint **/*.{css,scss,less} --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: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",
-        "@rsbuild/core": "1.6.15",
-        "@rsbuild/plugin-eslint": "1.2.0",
-        "@rsbuild/plugin-type-check": "1.3.2",
-        "@rsbuild/plugin-vue": "1.2.2",
-        "@rsdoctor/rspack-plugin": "1.4.0",
-        "@tailwindcss/postcss": "4.1.4",
-        "@types/mockjs": "1.0.10",
-        "autoprefixer": "10.4.14",
-        "commitizen": "4.3.0",
-        "cross-env": "7.0.3",
-        "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",
-        "stylelint-webpack-plugin": "5.0.0",
-        "typescript": "5.8.2",
-        "typescript-eslint": "8.15.0",
-        "vue-tsc": "3.0.6"
-    },
-    "config": {
-        "commitizen": {
-            "path": "@commitlint/cz-commitlint"
-        }
-    },
-    "imports": {
-        "#theme.css": "./shared/styles/theme.css"
-    }
-}
+{
+    "name": "vue-vite",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "prepare": "husky",
+        "dev": "rsbuild dev",
+        "build": "rsbuild build",
+        "build:analyse": "rsbuild build --env-mode analyse",
+        "build:rsdoctor": "cross-env RSDOCTOR=true rsbuild build",
+        "preview": "rsbuild preview",
+        "up:rsbuild": "pnpm up @rsbuild/* -L",
+        "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}",
+        "lint:fix": "eslint --fix && stylelint **/*.{css,scss,less} --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:tailwind": "pnpm up tailwindcss @tailwindcss/* -L"
+    },
+    "dependencies": {
+        "axios": "1.16.0",
+        "es-toolkit": "1.46.1",
+        "pinia": "3.0.4",
+        "tailwindcss": "4.1.4",
+        "type-fest": "5.6.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",
+        "@rsbuild/core": "2.0.5",
+        "@rsbuild/plugin-eslint": "1.3.0",
+        "@rsbuild/plugin-type-check": "1.3.4",
+        "@rsbuild/plugin-vue": "1.2.8",
+        "@rsdoctor/rspack-plugin": "1.5.10",
+        "@tailwindcss/postcss": "4.1.4",
+        "@types/mockjs": "1.0.10",
+        "autoprefixer": "10.4.14",
+        "commitizen": "4.3.0",
+        "cross-env": "7.0.3",
+        "cssnano": "6.0.0",
+        "eslint": "9.17.0",
+        "eslint-import-resolver-typescript": "4.4.4",
+        "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",
+        "stylelint-webpack-plugin": "5.0.0",
+        "typescript": "6.0.3",
+        "typescript-eslint": "8.59.2",
+        "vue-tsc": "3.0.6"
+    },
+    "config": {
+        "commitizen": {
+            "path": "@commitlint/cz-commitlint"
+        }
+    },
+    "imports": {
+        "#theme.css": "./shared/styles/theme.css"
+    }
+}

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

@@ -4,7 +4,7 @@ import { pluginEslint } from '@rsbuild/plugin-eslint'
 import StylelintWebpackPlugin from 'stylelint-webpack-plugin'
 import { pluginTypeCheck } from '@rsbuild/plugin-type-check'
 import { RsdoctorRspackPlugin } from '@rsdoctor/rspack-plugin'
-import { createChunks } from './scripts'
+import { createChunks } from './scripts/index.js'
 
 export default defineConfig(({ envMode, command }) => {
     const { parsed: env } = loadEnv()
@@ -12,11 +12,11 @@ export default defineConfig(({ envMode, command }) => {
         html: {
             template: './index.html',
             title: 'Rsbuild + Vue + TS',
-            favicon: './shared/assets/vue.svg'
+            favicon: './src/assets/vue.svg'
         },
         source: {
             entry: {
-                index: './main.ts'
+                index: './src/main.ts'
             }
         },
         resolve: {
@@ -53,22 +53,19 @@ export default defineConfig(({ envMode, command }) => {
         ],
         performance: {
             removeConsole: command === 'build' ? ['log'] : false,
-            chunkSplit: {
-                strategy: 'custom',
-                splitChunks: {
-                    minChunks: 1,
-                    cacheGroups: createChunks([{ libs: ['vue', 'vue-router'], name: 'vue' }])
-                }
-            },
             bundleAnalyze: envMode === 'analyse' ? { openAnalyzer: true } : void 0
         },
+        splitChunks: {
+            minChunks: 1,
+            cacheGroups: createChunks([{ libs: ['vue', 'vue-router'], name: 'vue' }])
+        },
         server: {
             base: env.PUBLIC_BASE_URL,
             host: '0.0.0.0',
             compress: false,
             proxy: [
                 {
-                    context: [env.PUBLIC_API_HOST],
+                    pathFilter: [env.PUBLIC_API_HOST],
                     target: 'http://127.0.0.1:3000'
                 }
             ]

package/template/web-app/vue-rsbuild/scripts/index.ts

@@ -1 +1 @@
-export * from './createChunks'
+export * from './createChunks.js'

package/template/web-app/{vue/domain → vue-rsbuild/src}/components/app.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { router, routerNames } from '@/domain/router'
+import { router, routerNames } from '@/router'
 
 router.beforeEach(async to => {
     if (!Object.values(routerNames).includes(to.name as string)) {

package/template/web-app/vue-rsbuild/{main.ts → src/main.ts}

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

package/template/web-app/vue-rsbuild/{pages → src/pages}/home/view.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { fetchHomeData } from '@/shared/service'
+import { fetchHomeData } from '@/service'
 
 const data = fetchHomeData()
 console.log('data', data)

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

@@ -1,25 +1,27 @@
 {
     "compilerOptions": {
-        "baseUrl": ".",
         "target": "ESNext",
         "useDefineForClassFields": true,
+        "lib": ["DOM", "DOM.Iterable", "ESNext"],
+        "allowJs": false,
+        "skipLibCheck": true,
+        "allowSyntheticDefaultImports": true,
+        "strict": true,
+        "forceConsistentCasingInFileNames": true,
+        "strictPropertyInitialization": false,
+        "strictNullChecks": true,
         "module": "ESNext",
         "moduleResolution": "bundler",
-        "strict": true,
         "jsx": "preserve",
         "jsxImportSource": "vue",
         "sourceMap": true,
         "resolveJsonModule": true,
         "isolatedModules": true,
-        "strictPropertyInitialization": false,
         "esModuleInterop": true,
-        "lib": ["ESNext", "DOM"],
-        "skipLibCheck": true,
         "paths": {
-            "@/*": ["./*"]
+            "@/*": ["./src/*"]
         }
     },
     "include": ["**/*.tsx", "**/*.ts", "**/*.vue"],
-    "exclude": ["scripts", "rsbuild.config.ts"],
-    "references": [{ "path": "./tsconfig.node.json" }]
+    "exclude": ["scripts", "rsbuild.config.ts"]
 }