uni-app vue3 + vite 支持情况
uni-app vue3 + vite 支持情况
Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use meta.variable-exists instead.
More info and automated migrator: https://sass-lang.com/d/import
╷
41 │ [@if](/user/if) variable-exists(show-border-surround) {
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules\@climblee\uv-ui\libs\css\variable.scss 41:6 [@import](/user/import)
node_modules\@climblee\uv-ui\components\uv-toolbar\uv-toolbar.vue 82:10 root stylesheet
Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use meta.variable-exists instead.
More info and automated migrator: https://sass-lang.com/d/import
╷
48 │ [@if](/user/if) variable-exists(show-border-top) {
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules\@climblee\uv-ui\libs\css\variable.scss 48:6 [@import](/user/import)
node_modules\@climblee\uv-ui\components\uv-toolbar\uv-toolbar.vue 82:10 root stylesheet
Warning: 6 repetitive deprecation warnings omitted.
运行报错
1 回复
关于uni-app对Vue 3 + Vite的支持情况,目前uni-app官方团队已经在进行相关的适配工作,并且在某些版本中已经开始实验性地支持Vue 3。不过,由于uni-app本身是一个跨平台框架,支持多种小程序、H5、App等平台,因此全面支持Vue 3 + Vite还需要一些时间。
以下是一个简单的示例,展示如何在uni-app项目中尝试使用Vue 3 + Vite(注意,这只是一个示例,并不代表官方推荐或稳定支持的方式)。
首先,确保你的开发环境已经安装了Node.js和npm/yarn。然后,你可以尝试创建一个新的uni-app项目,并手动配置Vue 3和Vite。
- 创建uni-app项目(如果你还没有项目的话):
vue create -p dcloudio/uni-preset-vue my-uni-app
cd my-uni-app
- 安装Vite和必要的插件:
npm install vite @vitejs/plugin-vue --save-dev
- 配置Vite。在项目根目录下创建一个
vite.config.js
文件:
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': '/src'
}
}
});
- 修改
package.json
中的scripts
部分,添加Vite相关的命令:
"scripts": {
"dev": "vite",
"build": "vite build",
"serve": "vite preview"
}
-
由于uni-app有自己的构建和打包流程,直接使用Vite可能会遇到一些问题。因此,你可能需要做一些额外的配置,比如处理静态资源、条件编译等。这些配置可能比较复杂,并且需要根据你的具体需求进行调整。
-
运行项目:
npm run dev
然而,需要注意的是,由于uni-app官方还没有完全支持Vue 3 + Vite,上述步骤可能无法直接运行成功,或者会遇到一些兼容性问题。因此,在实际开发中,建议等待uni-app官方的正式支持,或者参考社区中的相关讨论和解决方案。
此外,如果你正在考虑迁移到Vue 3 + Vite,也可以考虑使用其他支持Vue 3的跨平台框架,比如Taro或Flutter等,它们可能已经提供了更好的Vue 3支持。