2***@qq.com
2***@qq.com
  • 发布:2026-06-27 15:51
  • 更新:2026-06-27 15:51
  • 阅读:18

使用vite-plus创建uniapp项目后的修改

分类:uni-app

本来准备提问题的,结果是因为插件异步的问题,尬了,那就放个改好的配置吧

依赖版本:
vite-plus:0.2.1
vite:5.4.21
uview-pro:0.5.16
vue:3.5.39
uniapp:3.0.0-5000720260410001
node:20.18.0

vite.config.ts 修改:
删除 "import/consistent-type-specifier-style": ["error", "top-level"]
新增 "import/consistent-type-specifier-style": ["error", "prefer-top-level"]

修改src/main.ts文件:
删除 import 'uno.css'
新增 import 'virtual:uno.css'
注:可以不更换,报错原因是引入的 UnoCSS() 插件异步调用

安装并切换node版本:
nvm install 20.18.0
nvm use 20
npm install -g pnpm

修改版本:
devDependencies:
删除 "vite": "npm:@voidzero-dev/vite-plus-core@latest",
新增 "vite":"^5.4.21"
新增 @voidzero-dev/vite-plus-win32-x64-msvc 0.2.1
pnpm.overrides:
删除 "vite": "npm:@voidzero-dev/vite-plus-core@latest",
新增 "vite":"^5.4.21"

修改插件的引入方式:
修改配置文件位置:vite.config.ts
plugins: [
// https://uni-helper.js.org/plugin-uni
Uni(),
UnoCSS(),
// https://uni-helper.js.org/vite-plugin-uni-components
Components({
dts: true,
resolvers: [ZPagingResolver(), uViewProResolver()],
}),
lazyPlugins(() => [
// https://github.com/uni-ku/root
UniRoot(),
])
]

创建项目:vp create uni@latest
启动方式:
vp run dev:h5
pnpm run dev:h5

注:
node 新版本会报错
vite 新版本也会报错
使用的是 uview-pro-starter 模版

2026-06-27 15:51 负责人:无 分享
已邀请:

要回复问题请先登录注册