create-packer 1.45.11 → 1.45.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/template/web-app/react-vite/global.css.ts +5 -5
- package/template/web-app/react-vite/main.tsx +4 -4
- package/template/web-app/react-vite/package.json +78 -78
- package/template/web-app/react-vite/pages/home/view.css.ts +7 -7
- package/template/web-app/react-vite/pages/home/view.tsx +10 -10
- package/template/web-app/react-vite/postcss.config.cjs +8 -8
- package/template/web-app/react-vite/shared/styles/index.ts +1 -1
- package/template/web-app/react-vite/shared/styles/theme.css.ts +3 -3
- package/template/web-app/react-vite/vite.config.ts +65 -79
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { globalStyle } from '@vanilla-extract/css'
|
|
2
|
-
|
|
3
|
-
globalStyle('body', {
|
|
4
|
-
margin: 0
|
|
5
|
-
})
|
|
1
|
+
import { globalStyle } from '@vanilla-extract/css'
|
|
2
|
+
|
|
3
|
+
globalStyle('body', {
|
|
4
|
+
margin: 0
|
|
5
|
+
})
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { startApp } from '@/domain/app'
|
|
2
|
-
import './global.css'
|
|
3
|
-
|
|
4
|
-
startApp()
|
|
1
|
+
import { startApp } from '@/domain/app'
|
|
2
|
+
import './global.css'
|
|
3
|
+
|
|
4
|
+
startApp()
|
|
@@ -1,78 +1,78 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "react-vite",
|
|
3
|
-
"private": true,
|
|
4
|
-
"version": "0.0.0",
|
|
5
|
-
"type": "module",
|
|
6
|
-
"scripts": {
|
|
7
|
-
"prepare": "husky install",
|
|
8
|
-
"dev": "vite",
|
|
9
|
-
"build": "tsc --noEmit && vite build",
|
|
10
|
-
"build:analyse": "tsc --noEmit && vite build --mode analyse",
|
|
11
|
-
"preview": "vite preview",
|
|
12
|
-
"up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
|
|
13
|
-
"format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
|
|
14
|
-
"lint": "tsc --noEmit && eslint --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,ts,tsx}",
|
|
15
|
-
"lint:fix": "eslint --fix && stylelint **/*.{css,scss,less,ts,tsx} --fix",
|
|
16
|
-
"cz": "cz",
|
|
17
|
-
"push": "npm run commit && git push",
|
|
18
|
-
"commit": "git add . && npm run cz"
|
|
19
|
-
},
|
|
20
|
-
"dependencies": {
|
|
21
|
-
"@tanstack/react-query": "5.51.15",
|
|
22
|
-
"@vanilla-extract/css": "1.17.4",
|
|
23
|
-
"axios": "1.7.9",
|
|
24
|
-
"define-zustand": "3.4.0",
|
|
25
|
-
"es-toolkit": "1.39.8",
|
|
26
|
-
"immer": "10.0.1",
|
|
27
|
-
"qs": "6.11.2",
|
|
28
|
-
"react": "18.3.1",
|
|
29
|
-
"react-dom": "18.3.1",
|
|
30
|
-
"react-router": "7.5.0",
|
|
31
|
-
"react-use": "17.5.0",
|
|
32
|
-
"type-fest": "4.33.0",
|
|
33
|
-
"zustand": "5.0.3"
|
|
34
|
-
},
|
|
35
|
-
"devDependencies": {
|
|
36
|
-
"@commitlint/cli": "17.6.1",
|
|
37
|
-
"@commitlint/config-conventional": "17.6.1",
|
|
38
|
-
"@commitlint/cz-commitlint": "17.5.0",
|
|
39
|
-
"@emotion/babel-plugin": "11.13.5",
|
|
40
|
-
"@eslint/js": "9.15.0",
|
|
41
|
-
"@faker-js/faker": "8.4.1",
|
|
42
|
-
"@types/node": "18.16.0",
|
|
43
|
-
"@types/qs": "6.9.7",
|
|
44
|
-
"@types/react": "18.3.3",
|
|
45
|
-
"@types/react-dom": "18.3.0",
|
|
46
|
-
"@vanilla-extract/vite-plugin": "5.1.1",
|
|
47
|
-
"@vitejs/plugin-react": "5.0.1",
|
|
48
|
-
"autoprefixer": "10.4.14",
|
|
49
|
-
"commitizen": "4.3.0",
|
|
50
|
-
"cssnano": "6.0.0",
|
|
51
|
-
"eslint": "9.17.0",
|
|
52
|
-
"eslint-import-resolver-typescript": "3.7.0",
|
|
53
|
-
"eslint-plugin-import": "2.31.0",
|
|
54
|
-
"eslint-plugin-react": "7.37.2",
|
|
55
|
-
"eslint-plugin-react-hooks": "5.1.0",
|
|
56
|
-
"globals": "15.12.0",
|
|
57
|
-
"husky": "9.1.6",
|
|
58
|
-
"inquirer": "^8.1.2",
|
|
59
|
-
"postcss": "8.4.35",
|
|
60
|
-
"postcss-import": "16.0.1",
|
|
61
|
-
"postcss-nesting": "12.0.3",
|
|
62
|
-
"prettier": "3.2.5",
|
|
63
|
-
"rollup-plugin-visualizer": "5.12.0",
|
|
64
|
-
"stylelint": "16.10.0",
|
|
65
|
-
"stylelint-config-standard": "36.0.1",
|
|
66
|
-
"typescript": "5.8.2",
|
|
67
|
-
"typescript-eslint": "8.15.0",
|
|
68
|
-
"vite": "7.1.3",
|
|
69
|
-
"vite-plugin-checker": "0.10.2",
|
|
70
|
-
"vite-plugin-mock-dev-server": "1.9.3",
|
|
71
|
-
"vite-plugin-svgr": "4.5.0"
|
|
72
|
-
},
|
|
73
|
-
"config": {
|
|
74
|
-
"commitizen": {
|
|
75
|
-
"path": "@commitlint/cz-commitlint"
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "react-vite",
|
|
3
|
+
"private": true,
|
|
4
|
+
"version": "0.0.0",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"prepare": "husky install",
|
|
8
|
+
"dev": "vite",
|
|
9
|
+
"build": "tsc --noEmit && vite build",
|
|
10
|
+
"build:analyse": "tsc --noEmit && vite build --mode analyse",
|
|
11
|
+
"preview": "vite preview",
|
|
12
|
+
"up:vite": "pnpm up vite @vitejs/* vite-plugin-* -L",
|
|
13
|
+
"format": "prettier --write \"**/*.{ts,js,tsx,jsx,json,css,scss,less}\"",
|
|
14
|
+
"lint": "tsc --noEmit && eslint --no-error-on-unmatched-pattern && stylelint **/*.{css,scss,less,ts,tsx}",
|
|
15
|
+
"lint:fix": "eslint --fix && stylelint **/*.{css,scss,less,ts,tsx} --fix",
|
|
16
|
+
"cz": "cz",
|
|
17
|
+
"push": "npm run commit && git push",
|
|
18
|
+
"commit": "git add . && npm run cz"
|
|
19
|
+
},
|
|
20
|
+
"dependencies": {
|
|
21
|
+
"@tanstack/react-query": "5.51.15",
|
|
22
|
+
"@vanilla-extract/css": "1.17.4",
|
|
23
|
+
"axios": "1.7.9",
|
|
24
|
+
"define-zustand": "3.4.0",
|
|
25
|
+
"es-toolkit": "1.39.8",
|
|
26
|
+
"immer": "10.0.1",
|
|
27
|
+
"qs": "6.11.2",
|
|
28
|
+
"react": "18.3.1",
|
|
29
|
+
"react-dom": "18.3.1",
|
|
30
|
+
"react-router": "7.5.0",
|
|
31
|
+
"react-use": "17.5.0",
|
|
32
|
+
"type-fest": "4.33.0",
|
|
33
|
+
"zustand": "5.0.3"
|
|
34
|
+
},
|
|
35
|
+
"devDependencies": {
|
|
36
|
+
"@commitlint/cli": "17.6.1",
|
|
37
|
+
"@commitlint/config-conventional": "17.6.1",
|
|
38
|
+
"@commitlint/cz-commitlint": "17.5.0",
|
|
39
|
+
"@emotion/babel-plugin": "11.13.5",
|
|
40
|
+
"@eslint/js": "9.15.0",
|
|
41
|
+
"@faker-js/faker": "8.4.1",
|
|
42
|
+
"@types/node": "18.16.0",
|
|
43
|
+
"@types/qs": "6.9.7",
|
|
44
|
+
"@types/react": "18.3.3",
|
|
45
|
+
"@types/react-dom": "18.3.0",
|
|
46
|
+
"@vanilla-extract/vite-plugin": "5.1.1",
|
|
47
|
+
"@vitejs/plugin-react": "5.0.1",
|
|
48
|
+
"autoprefixer": "10.4.14",
|
|
49
|
+
"commitizen": "4.3.0",
|
|
50
|
+
"cssnano": "6.0.0",
|
|
51
|
+
"eslint": "9.17.0",
|
|
52
|
+
"eslint-import-resolver-typescript": "3.7.0",
|
|
53
|
+
"eslint-plugin-import": "2.31.0",
|
|
54
|
+
"eslint-plugin-react": "7.37.2",
|
|
55
|
+
"eslint-plugin-react-hooks": "5.1.0",
|
|
56
|
+
"globals": "15.12.0",
|
|
57
|
+
"husky": "9.1.6",
|
|
58
|
+
"inquirer": "^8.1.2",
|
|
59
|
+
"postcss": "8.4.35",
|
|
60
|
+
"postcss-import": "16.0.1",
|
|
61
|
+
"postcss-nesting": "12.0.3",
|
|
62
|
+
"prettier": "3.2.5",
|
|
63
|
+
"rollup-plugin-visualizer": "5.12.0",
|
|
64
|
+
"stylelint": "16.10.0",
|
|
65
|
+
"stylelint-config-standard": "36.0.1",
|
|
66
|
+
"typescript": "5.8.2",
|
|
67
|
+
"typescript-eslint": "8.15.0",
|
|
68
|
+
"vite": "7.1.3",
|
|
69
|
+
"vite-plugin-checker": "0.10.2",
|
|
70
|
+
"vite-plugin-mock-dev-server": "1.9.3",
|
|
71
|
+
"vite-plugin-svgr": "4.5.0"
|
|
72
|
+
},
|
|
73
|
+
"config": {
|
|
74
|
+
"commitizen": {
|
|
75
|
+
"path": "@commitlint/cz-commitlint"
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { style } from '@vanilla-extract/css'
|
|
2
|
-
|
|
3
|
-
export const root = style({
|
|
4
|
-
display: 'flex',
|
|
5
|
-
alignItems: 'center',
|
|
6
|
-
justifyContent: 'center'
|
|
7
|
-
})
|
|
1
|
+
import { style } from '@vanilla-extract/css'
|
|
2
|
+
|
|
3
|
+
export const root = style({
|
|
4
|
+
display: 'flex',
|
|
5
|
+
alignItems: 'center',
|
|
6
|
+
justifyContent: 'center'
|
|
7
|
+
})
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { useHomeData } from '@/shared/service'
|
|
2
|
-
import * as styles from './view.css'
|
|
3
|
-
|
|
4
|
-
export default function Home() {
|
|
5
|
-
const { data } = useHomeData()
|
|
6
|
-
|
|
7
|
-
console.log('data', data)
|
|
8
|
-
|
|
9
|
-
return <div className={styles.root}>sdfs</div>
|
|
10
|
-
}
|
|
1
|
+
import { useHomeData } from '@/shared/service'
|
|
2
|
+
import * as styles from './view.css'
|
|
3
|
+
|
|
4
|
+
export default function Home() {
|
|
5
|
+
const { data } = useHomeData()
|
|
6
|
+
|
|
7
|
+
console.log('data', data)
|
|
8
|
+
|
|
9
|
+
return <div className={styles.root}>sdfs</div>
|
|
10
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
module.exports = {
|
|
2
|
-
plugins: {
|
|
3
|
-
'postcss-import': {},
|
|
4
|
-
'postcss-nesting': {},
|
|
5
|
-
autoprefixer: {},
|
|
6
|
-
...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
|
|
7
|
-
}
|
|
8
|
-
}
|
|
1
|
+
module.exports = {
|
|
2
|
+
plugins: {
|
|
3
|
+
'postcss-import': {},
|
|
4
|
+
'postcss-nesting': {},
|
|
5
|
+
autoprefixer: {},
|
|
6
|
+
...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
|
|
7
|
+
}
|
|
8
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './theme.css'
|
|
1
|
+
export * from './theme.css'
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { createTheme } from '@vanilla-extract/css'
|
|
2
|
-
|
|
3
|
-
export const [themeClass, themeVars] = createTheme({})
|
|
1
|
+
import { createTheme } from '@vanilla-extract/css'
|
|
2
|
+
|
|
3
|
+
export const [themeClass, themeVars] = createTheme({})
|
|
@@ -1,79 +1,65 @@
|
|
|
1
|
-
import { defineConfig, loadEnv } from 'vite'
|
|
2
|
-
import react from '@vitejs/plugin-react'
|
|
3
|
-
import svgr from 'vite-plugin-svgr'
|
|
4
|
-
import
|
|
5
|
-
import checker from 'vite-plugin-checker'
|
|
6
|
-
import { visualizer } from 'rollup-plugin-visualizer'
|
|
7
|
-
import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin'
|
|
8
|
-
import { createChunks } from './scripts'
|
|
9
|
-
|
|
10
|
-
// https://vitejs.dev/config/
|
|
11
|
-
export default defineConfig(({ mode }) => {
|
|
12
|
-
const env = loadEnv(mode, process.cwd(), '')
|
|
13
|
-
const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
|
|
14
|
-
const plugins: any[] = [
|
|
15
|
-
vanillaExtractPlugin(),
|
|
16
|
-
svgr(),
|
|
17
|
-
|
|
18
|
-
include: ['**/*.mock.{ts,js}']
|
|
19
|
-
}),
|
|
20
|
-
checker({
|
|
21
|
-
enableBuild: false,
|
|
22
|
-
typescript: true,
|
|
23
|
-
eslint: { useFlatConfig: true, lintCommand: 'eslint', dev: { logLevel: ['error'] } }
|
|
24
|
-
}),
|
|
25
|
-
react(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
server: {
|
|
69
|
-
host: '0.0.0.0',
|
|
70
|
-
proxy: {
|
|
71
|
-
[proxyBaseUrl]: {
|
|
72
|
-
target: 'http://127.0.0.1',
|
|
73
|
-
changeOrigin: true,
|
|
74
|
-
rewrite: path => path.replace(proxyBaseUrl, '')
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
})
|
|
1
|
+
import { defineConfig, loadEnv } from 'vite'
|
|
2
|
+
import react from '@vitejs/plugin-react'
|
|
3
|
+
import svgr from 'vite-plugin-svgr'
|
|
4
|
+
import { mockDevServerPlugin } from 'vite-plugin-mock-dev-server'
|
|
5
|
+
import checker from 'vite-plugin-checker'
|
|
6
|
+
import { visualizer } from 'rollup-plugin-visualizer'
|
|
7
|
+
import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin'
|
|
8
|
+
import { createChunks } from './scripts'
|
|
9
|
+
|
|
10
|
+
// https://vitejs.dev/config/
|
|
11
|
+
export default defineConfig(({ mode }) => {
|
|
12
|
+
const env = loadEnv(mode, process.cwd(), '')
|
|
13
|
+
const proxyBaseUrl = env.VITE_BASE_URL + env.VITE_API_HOST
|
|
14
|
+
const plugins: any[] = [
|
|
15
|
+
vanillaExtractPlugin(),
|
|
16
|
+
svgr(),
|
|
17
|
+
mockDevServerPlugin({
|
|
18
|
+
include: ['**/*.mock.{ts,js}']
|
|
19
|
+
}),
|
|
20
|
+
checker({
|
|
21
|
+
enableBuild: false,
|
|
22
|
+
typescript: true,
|
|
23
|
+
eslint: { useFlatConfig: true, lintCommand: 'eslint', dev: { logLevel: ['error'] } }
|
|
24
|
+
}),
|
|
25
|
+
react()
|
|
26
|
+
]
|
|
27
|
+
|
|
28
|
+
if (mode === 'analyse') {
|
|
29
|
+
plugins.push(visualizer({ open: true, sourcemap: true, brotliSize: true, gzipSize: true }))
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
return {
|
|
33
|
+
base: env.VITE_BASE_URL,
|
|
34
|
+
plugins,
|
|
35
|
+
resolve: {
|
|
36
|
+
alias: {
|
|
37
|
+
'@': __dirname
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
esbuild: {
|
|
41
|
+
drop: ['production', 'analyse'].includes(mode) ? ['console', 'debugger'] : []
|
|
42
|
+
},
|
|
43
|
+
build: {
|
|
44
|
+
sourcemap: mode === 'analyse',
|
|
45
|
+
reportCompressedSize: mode === 'analyse',
|
|
46
|
+
rollupOptions: {
|
|
47
|
+
output: {
|
|
48
|
+
manualChunks: createChunks({
|
|
49
|
+
react: ['react', 'react-dom']
|
|
50
|
+
})
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
server: {
|
|
55
|
+
host: '0.0.0.0',
|
|
56
|
+
proxy: {
|
|
57
|
+
[proxyBaseUrl]: {
|
|
58
|
+
target: 'http://127.0.0.1',
|
|
59
|
+
changeOrigin: true,
|
|
60
|
+
rewrite: path => path.replace(proxyBaseUrl, '')
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
})
|