uni-app vue3 + vite 支持情况

发布于 1周前 作者 sinazl 来自 Uni-App

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。

  1. 创建uni-app项目(如果你还没有项目的话):
vue create -p dcloudio/uni-preset-vue my-uni-app
cd my-uni-app
  1. 安装Vite和必要的插件:
npm install vite @vitejs/plugin-vue --save-dev
  1. 配置Vite。在项目根目录下创建一个vite.config.js文件:
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': '/src'
    }
  }
});
  1. 修改package.json中的scripts部分,添加Vite相关的命令:
"scripts": {
  "dev": "vite",
  "build": "vite build",
  "serve": "vite preview"
}
  1. 由于uni-app有自己的构建和打包流程,直接使用Vite可能会遇到一些问题。因此,你可能需要做一些额外的配置,比如处理静态资源、条件编译等。这些配置可能比较复杂,并且需要根据你的具体需求进行调整。

  2. 运行项目:

npm run dev

然而,需要注意的是,由于uni-app官方还没有完全支持Vue 3 + Vite,上述步骤可能无法直接运行成功,或者会遇到一些兼容性问题。因此,在实际开发中,建议等待uni-app官方的正式支持,或者参考社区中的相关讨论和解决方案。

此外,如果你正在考虑迁移到Vue 3 + Vite,也可以考虑使用其他支持Vue 3的跨平台框架,比如Taro或Flutter等,它们可能已经提供了更好的Vue 3支持。

回到顶部