码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • vite3学习记录


    1、可安装 vue-tsc ,通过运行vue-tsc --noEmit来对vue文件进行类型检查
    2、vite使用esbuild 将 ts转换为js
    3、在当前vite3.02版本中,暂时需要将tsconfig.json中的compilerOptions选项中,设置

    "isolatedModules": true 和 "skipLibCheck": true. 因为vue对新版本的ts的支持度不是太好,做适配处理。
    在这里插入图片描述

    4、vite也通过esbuild来对tsx进行支持。 在vue中可以使用@vitejs/plugin-vue-jsx 插件来支持进行书写jsx代码。
    5、使用import来加载静态资源

    在这里插入图片描述

    6、使用import.meta.glob来实现全局导入

    在这里插入图片描述

    7、vite的目标是现代浏览器,添加vite对传统浏览器的支持如下

    在这里插入图片描述

    8、常见的图像、媒体和字体文件类型被vite自动检测为资源,并在打包时进行自动处理,例如开发环境时 图片路径为 /img.png,但在打包会处理为 /assets/img.hashcode.png。可以在vite.config.ts中使用 assetsInclude 选项 扩展vite对静态资源的检测。例如.gif
    9、可以通过将某些单一使用的静态资源放置到public目录下,使用类似/icon.png的绝对路径来进行访问

    在这里插入图片描述

    10、vite通过rollup来进行打包
    11、 vite通过import.meta.env来暴露环境变量,常见的内置变量有

    在这里插入图片描述

    12、创建的自定义环境变量中,必须以VITE_开头,才能通过import.meta.env.VITE_MY的形式来访问

    在这里插入图片描述
    在这里插入图片描述

    13、 通过在src目录下穿件env.d.ts文件,来添加对自定义环境变量的类型提示

    在这里插入图片描述

    14、可以在构建时进行不同模式的环境编译

    在这里插入图片描述

    15、vite特有的插件以vite-plugin-开头。使用插件时,除了在package.json中声明,还需要在vite.config.json中引用,并在plugins中使用

    在这里插入图片描述

    16、配置的时候使用环境变量

    在这里插入图片描述

  • 相关阅读:
    破解湖+仓混合架构顽疾,星环科技推出自主可控云原生湖仓一体平台
    springboot在idea中可以访问jsp页面打包之后访问不了
    第2章-数据处理-2.2-数据整合
    十几年Java“老油条”,教你如何才能把Java学好学透彻
    photoshop2024免费插件Portraiture3
    04_瑞萨GUI(LVGL)移植实战教程之驱动LCD屏(SPI)
    流行语来源查询易语言代码
    2022年全球市场文拉法辛原料药总体规模、主要生产商、主要地区、产品和应用细分研究报告
    游戏黑卡代充36技术及库存系统案例分析
    【kubernetes】使用helm部署redis
  • 原文地址:https://blog.csdn.net/weixin_39786582/article/details/125885883
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号