码农知识堂 - 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、配置的时候使用环境变量

    在这里插入图片描述

  • 相关阅读:
    python基础:文件选择功能获取文件绝对地址
    如何实现搜索引擎中的拼写纠错功能——思路
    “成为视频制作达人:高效为视频批量添加文字水印的技巧分享“
    手写RISC-V处理器--开篇
    CentOS-7安装Docker并设置开机自启动docker镜像
    [附源码]java毕业设计览宏公司会议管理系统
    【ES6标准入门】JavaScript中的模块Module的加载实现:循环加载和Node加载,非常详细,建议收藏!!!
    Hive、SparkSQL是如何决定写文件的数量的?
    Python的PyQt框架的使用-创建主窗体篇
    大数据Doris(二十四):数据导入(Stream Load)介绍
  • 原文地址:https://blog.csdn.net/weixin_39786582/article/details/125885883
  • 最新文章
  • 沪漂五周年了:我越来越迷茫了
    Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
    MySQL-Seconds_behind_master的精度误差
    [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
    AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
    Agent OS :五种驯服不确定性的范式
    PortSwigger SQL注入LAB11
    数据库即时编译JIT
    [Begin]AI Learn Data Day 0
    深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号