当前位置:   article > 正文

[uni-app+vue3+vite] 开启响应式语法糖的配置方法_vite如何配置,才能启用响应式语法糖

vite如何配置,才能启用响应式语法糖

响应性语法糖目前默认是关闭状态,需要你显式选择启用。此外,以下列出的所有配置都需要 vue@^3.2.25

  • 需要 @vitejs/plugin-vue@>=2.0.0
  • 应用于 SFC 和 js(x)/ts(x) 文件。在执行转换之前,会对文件进行快速的使用检查,因此不使用宏的文件应该不会有性能损失。
  • 注意 reactivityTransform 现在是一个插件的顶层选项,而不再是位于 script.refSugar 之中了,因为它不仅仅只对 SFC 起效。

跟目录vite.config.js文件, 配置如下:

  1. import { defineConfig } from "vite";
  2. const path = require("path");
  3. function resolve(dir) {
  4. return path.join(__dirname, dir);
  5. }
  6. import uni from "@dcloudio/vite-plugin-uni";
  7. // https://vitejs.dev/config/
  8. export default defineConfig({
  9. plugins: [
  10. uni({
  11. vueOptions: {
  12. reactivityTransform: true, // 开启响应式语法糖
  13. },
  14. }),
  15. ],
  16. resolve: {
  17. alias: { "@": resolve("src") },
  18. },
  19. });

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/970921
推荐阅读
相关标签
  

闽ICP备14008679号