Ray.Hao
e5cd415f66
重大变更： - 升级 UI 组件库从 wot-design-uni@1.14.0 到 @wot-ui/ui@2.0.8 - 新增 dayjs@1.11.13 作为独立依赖 组件迁移： - wd-message-box → wd-dialog (3个文件) - wd-status-tip → wd-empty (10个文件) - wd-col-picker → wd-cascader (3个文件) API 变更： - useMessage → useDialog (12个文件) - 所有导入路径从 wot-design-uni 更新为 @wot-ui/ui - dayjs 改为独立导入 配置更新： - vite.config.ts: 自定义 WotUIResolver 替代 WotResolver - tsconfig.json: 更新类型声明路径 - components.d.ts: 更新所有组件类型路径 影响范围： - 修改文件: 33个 - 布局文件: 2个 - 页面文件: 21个 - 组件文件: 1个 - 配置文件: 4个 - 类型文件: 2个 Breaking Changes: - Dialog 的 closeOnClickModal 默认值从 true 改为 false - Prompt 返回值从 res 改为 res.value - Empty 的 image 属性改为 icon - Cascader 的 columns 建议改为 options（向后兼容）
118 lines
3.3 KiB
TypeScript
118 lines
3.3 KiB
TypeScript
import { defineConfig, type UserConfig, type ConfigEnv, loadEnv } from "vite";
|
|
import uni from "@dcloudio/vite-plugin-uni";
|
|
import AutoImport from "unplugin-auto-import/vite";
|
|
import UniLayouts from "@uni-helper/vite-plugin-uni-layouts";
|
|
import UniPages from "@uni-helper/vite-plugin-uni-pages";
|
|
|
|
import { readFileSync } from "node:fs";
|
|
import { resolve } from "node:path";
|
|
|
|
import Components from "@uni-helper/vite-plugin-uni-components";
|
|
import type { ComponentResolver } from "@uni-helper/vite-plugin-uni-components";
|
|
import { kebabCase } from "@uni-helper/vite-plugin-uni-components";
|
|
|
|
/**
|
|
* 自定义 Wot UI v2 组件解析器
|
|
*
|
|
* 由于 @wot-ui/ui v2 的包名和路径发生了变化，需要自定义 resolver
|
|
* 官方迁移文档: https://wot-ui.cn/guide/migration-v2.html#vite-插件自动导入
|
|
*
|
|
* @returns ComponentResolver
|
|
*/
|
|
function WotUIResolver(): ComponentResolver {
|
|
return {
|
|
type: "component",
|
|
resolve: (name: string) => {
|
|
if (name.match(/^Wd[A-Z]/)) {
|
|
const compName = kebabCase(name);
|
|
return {
|
|
name,
|
|
from: `@wot-ui/ui/components/${compName}/${compName}.vue`,
|
|
};
|
|
}
|
|
},
|
|
};
|
|
}
|
|
|
|
export default defineConfig(async ({ mode }: ConfigEnv): Promise<UserConfig> => {
|
|
const UnoCss = await import("unocss/vite").then((i) => i.default);
|
|
const env = loadEnv(mode, process.cwd());
|
|
const isProd = mode === "production";
|
|
|
|
const pkg = JSON.parse(readFileSync(resolve(process.cwd(), "package.json"), "utf-8")) as {
|
|
version?: string;
|
|
};
|
|
|
|
return {
|
|
define: {
|
|
"import.meta.env.VITE_APP_VERSION": JSON.stringify(pkg.version ?? ""),
|
|
},
|
|
server: {
|
|
host: "0.0.0.0",
|
|
port: +env.VITE_APP_PORT,
|
|
open: true,
|
|
proxy: {
|
|
[env.VITE_APP_BASE_API]: {
|
|
changeOrigin: true,
|
|
target: env.VITE_APP_API_URL,
|
|
rewrite: (path) => path.replace(new RegExp("^" + env.VITE_APP_BASE_API), ""),
|
|
},
|
|
},
|
|
},
|
|
build: {
|
|
target: "es6",
|
|
cssTarget: "chrome61",
|
|
// 微信小程序单文件上传限制 2MB，生产构建关闭 sourcemap 并尽量减少调试输出
|
|
sourcemap: false,
|
|
},
|
|
esbuild: isProd
|
|
? {
|
|
drop: ["console", "debugger"],
|
|
}
|
|
: undefined,
|
|
optimizeDeps: {
|
|
include: ["@wot-ui/ui"],
|
|
exclude: ["vue-demi"],
|
|
},
|
|
plugins: [
|
|
// make sure put it before `Uni()`
|
|
UnoCss(),
|
|
UniLayouts(),
|
|
UniPages({
|
|
dts: "src/types/uni-pages.d.ts",
|
|
subPackages: ["src/subPages"],
|
|
/**
|
|
* 排除的页面，相对于 dir 和 subPackages
|
|
* @default []
|
|
*/
|
|
exclude: ["**/components/**/*.*"],
|
|
}),
|
|
Components({
|
|
resolvers: [WotUIResolver()],
|
|
dirs: ["src/components"],
|
|
}),
|
|
|
|
AutoImport({
|
|
imports: [
|
|
"vue",
|
|
"uni-app",
|
|
"pinia",
|
|
{
|
|
from: "uni-mini-router",
|
|
imports: ["createRouter", "useRouter", "useRoute"],
|
|
},
|
|
{
|
|
from: "@wot-ui/ui",
|
|
imports: ["useToast", "useDialog", "useNotify", "CommonUtil"],
|
|
},
|
|
],
|
|
dts: "src/types/auto-imports.d.ts", // 自动生成的类型声明文件
|
|
dirs: ["src/composables", "src/store", "src/utils", "src/api"],
|
|
vueTemplate: true,
|
|
}),
|
|
|
|
uni(),
|
|
],
|
|
};
|
|
});
|