diff --git a/.env.development b/.env.development index 5d2653c..ca1a7d2 100644 --- a/.env.development +++ b/.env.development @@ -2,9 +2,8 @@ VITE_USER_NODE_ENV = development # 打包路径 开发环境地址前缀 (一般 '/' 或 './' 都可以,如果开发环境 '/' 打包预览白屏,请使用 './') +# 默认情况下,vite 会假设你的应用是被部署在一个域名的根路径上,所以这里 VITE_PUBLIC_PATH 为 '/' VITE_PUBLIC_PATH = './' # 请求路径 管理系统/开发环境 -VITE_APP_BASE_URL = '/your-request-path' - -VITE_GLOB_APP_TITLE = SnowAdmin \ No newline at end of file +VITE_APP_BASE_URL = '/your-request-path' \ No newline at end of file diff --git a/.env.production b/.env.production index 899679f..670b785 100644 --- a/.env.production +++ b/.env.production @@ -1,10 +1,11 @@ # 生产环境 VITE_USER_NODE_ENV = production -# 打包路径 (就是网站前缀, 例如部署到 http://dcodes.gitee.io/SnowAdmin/ 域名下, 就需要填写 /SnowAdmin/), 一般填一个斜杠 / +# 打包路径 开发环境地址前缀 (一般 '/' 或 './' 都可以,如果开发环境 '/' 打包预览白屏,请使用 './') +# 默认情况下,vite 会假设你的应用是被部署在一个域名的根路径上,所以这里 VITE_PUBLIC_PATH 为 '/' +# 有时候需要使用相对路径'./',例如你要打包electron的时候,就需要使用相对路径'./'找到对应资源文件 +# 打包路径 (就是网站前缀, 例如 http://SnowAdmin.gitee.io/ 如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径,如果部署到 http://SnowAdmin.gitee.io/SnowAdmin/ 域名下, VITE_PUBLIC_PATH就需要填写 /SnowAdmin/) VITE_PUBLIC_PATH = '/' # 请求路径 管理系统/开发环境 VITE_APP_BASE_URL = '/' - -VITE_GLOB_APP_TITLE = SnowAdmin diff --git a/.env.test b/.env.test index 3a8c45b..058b996 100644 --- a/.env.test +++ b/.env.test @@ -5,6 +5,4 @@ VITE_USER_NODE_ENV = test VITE_PUBLIC_PATH = '/test' # 请求路径 管理系统/开发环境 -VITE_APP_BASE_URL = '/' - -VITE_GLOB_APP_TITLE = SnowAdmin \ No newline at end of file +VITE_APP_BASE_URL = '/' \ No newline at end of file diff --git a/.eslintrc.cjs b/.eslintrc.cjs index e1fb68b..a1c01b3 100644 --- a/.eslintrc.cjs +++ b/.eslintrc.cjs @@ -16,7 +16,7 @@ module.exports = { // 继承配置 extends: [ - "./.eslintrc-auto-import.json", // 与vite.config.ts中的filepath路径一致 + "./.eslintrc-auto-import.json", // 与vite.config.ts-AutoImport-dts路径一致 "plugin:vue/vue3-recommended", "plugin:@typescript-eslint/recommended", "prettier", diff --git a/tsconfig.json b/tsconfig.json index 3f7f31a..78a2ae5 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -34,7 +34,7 @@ "src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", - "src/auto-import.d.ts", // 与vite.config.ts中的dts路径一致 + "src/auto-import.d.ts", // 与vite.config.ts-AutoImport-dts路径一致 "vite.config.ts" ], // 指定被编译文件所在的目录 // exclude表示要排除的、不编译的文件,它也可以指定一个列表,规则和include一样,可以是文件或文件夹,可以是相对路径或绝对路径,可以使用通配符 diff --git a/vite.config.ts b/vite.config.ts index f48bc7e..1ac8aeb 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -53,6 +53,7 @@ export default defineConfig(({ mode }) => { AutoImport({ // 自动导入 Vue 相关函数,如:ref, reactive, toRef 等 imports: ["vue", "vue-router"], + // arco组件的按需加载 resolvers: [ArcoResolver()], // 解决eslint报错问题 eslintrc: { @@ -66,6 +67,7 @@ export default defineConfig(({ mode }) => { }), Components({ resolvers: [ + // arco组件的按需加载 ArcoResolver({ sideEffect: true }) @@ -123,8 +125,8 @@ export default defineConfig(({ mode }) => { comments: false // 删除注释 } }, - assetsInlineLimit: 4 * 1024, // 打包内联阈值4kb - chunkSizeWarningLimit: 2000, // 规定触发警告的 chunk 大小, 消除打包大小超过500kb警告 + assetsInlineLimit: 50 * 1024, // 打包内联阈值100kb + chunkSizeWarningLimit: 50000, // 规定触发警告的 chunk 大小, 这里设置阈值为50kb, 消除打包大小超过500kb警告 // 静态资源打包到dist下的不同目录,将文件类型css、js、jpg等文件分开存储 rollupOptions: { output: {