【Vite】控制打包结构

配置 vite.config.json 文件:

import { defineConfig } from "vite";export default defineConfig({// ...build: {rollupOptions: {output: {entryFileNames: "js/[name]-[hash].js",chunkFileNames: "js/[name]-[hash].js",assetFileNames(chunkInfo) {// CSS 文件if (chunkInfo.name?.endsWith(".css")) {return "css/[name]-[hash][extname]";}// 字体文件if ([".woff", ".woff2", ".ttf", ".eot"].some((ext) =>chunkInfo.name?.endsWith(ext))) {return "font/[name]-[hash][extname]";}// 图片文件if ([".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp"].some((ext) => chunkInfo.name?.endsWith(ext))) {return "imgs/[name]-[hash][extname]";}// 其他文件return "assets/[name]-[hash][extname]";},},},},
});

如果为 Vite + TS 项目,此时 vite.config.json 文件会在 endsWith 处抛出错误:Property ‘endsWith’ does not exist on type ‘string’. Do you need to change your target library? Try changing the ‘lib’ compiler option to ‘es2015’ or later.

打开 tsconfig.json 一看 target,是 "ES2020" 昂!奇了怪了…

仔细看看 tsconfig.json 文件,欸~ tsconfig.json 文件的最下面有一行配置:

    "references": [{ "path": "./tsconfig.node.json" }]

到 tsconfig.node.json 一看,没有配置 target,默认为 "ES3"!再看一眼 include,为 ["vite.config.ts"]!回到 tsconfig.json 看一眼 include,为 ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]

噢~ 我好像懂了!tsconfig.json 为业务文件的 TS 配置文件,tsconfig.node.json 为 vite.config.ts 的 TS 配置文件!

于是我在 tsconfig.node.json 中配置 target"ES2020"

{"compilerOptions": {// 其他配置项"target": "ES2020" // 添加这一行},"include": ["vite.config.ts"]
}

OK!没有报错了~


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/35069.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Android八股文】如何对ListView RecycleView进行局部刷新的?

文章目录 一、如何对ListView进行局部刷新的?1.1 方法一:更新对应view的内容1.2 方法二:通过ViewHolder去设置值1.3 方法三:调用一次getView()方法1.4 封装在万能适配器当中1.5 总结二、如何对RecyclerView 进行局部刷新的?2.0 为什么会有DiffUtil?2.1 讲解一下DiffUtil2…

JOSEF约瑟 JOLP(ROS-2D)型两级跑偏开关 精度高,耐振动

​ 品牌 :JOSEF约瑟 型号名称 :JOLP(ROS-2D)型两级跑偏开关 触点容量 :AC380V 10A 触点数量 :常开:2常闭:2 极限角度 :70 复位方式 :自动 动作力 :3kg 防护等级 :IP66 结构特点 1.通用的安装设计可使跑偏检测装置随意安装在输送机纵梁顶!顶部或底部位置 2.封闭、防腐、坚固的铸…

3D数字人视频合成用户指南

数字人开放平台3D互动数字人如何接入_虚拟数字人(DVH)-阿里云帮助中心3D互动数字人(对应开放平台的“智能客服”场景)是虚拟数字人开放平台提供能够支持用户与3D数字人进行实时语音交互的数字人产品能力,需要配合智能对话机器人产品使用。本篇…

安装appnium

官网: https://appium.io/docs/en/latest/quickstart/uiauto2-driver/ 安装Node.js 首先,确保安装了Node.js,因为Appium是基于Node.js的。可以从Node.js官网下载并安装最新稳定版。安装Appium Server 你可以通过npm(Node.js的包管…

徐徐拉开的帷幕:拜登与特朗普的辩论大戏 日元跌破160大关!创1986年以来最低纪录

北京时间6月27日(本周五)上午9:00,拜登和特朗普将参加2024年总统候选人电视辩论。作为参考,2016年大选辩论期间,美元汇率对辩论结果的反应相对温和,希拉里胜选预期增强在一定程度上支撑了美元。 时间逐渐临…

Java - 程序员面试笔记记录 实现 - Part1

社招又来学习 Java 啦,这次选了何昊老师的程序员面试笔记作为主要资料,记录一下一些学习过程。 1.1 Java 程序初始化 Java 程序初始化遵循规则:静态变量优于动态变量;父类优于子类;成员变量的定义顺序; …

python运行相关

一、check python是否仍然在运行 Windows 操作系统下用任务管理器查看 打开任务管理器:Ctrl Shift Esc 查看进程列表: 在“进程”选项卡中,找到与 Python 相关的进程。 检查CPU和内存使用情况: 如果数值在不断变化&#xf…

Spring的jar包下载(最新版6.0版本)

1.在Spring官网的projects下面点击spring-framework 2.进入github官网 3.进入github后往下滑,点击Spring Framework Artifacts 4.往下滑找到 点击 5.在左边先点击Artifacts,在右边找到 libs-snapshot,展开libs-snapshot(之前其他…

React Hooks小记(九)_useMemo 和 memo 函数

useMemo 和 memo 函数 1. memo 函数 当父组件被重新渲染的时候,也会触发子组件的重新渲染,这样就多出了无意义的性能开销。如果子组件的状态没有发生变化,则子组件是必须要被重新渲染的。 在 React 中,我们可以使用 React.memo…

k8s及常用对象简介

文章目录 一、k8s是什么应用程序早期部署形式容器的引入k8s的作用 二、k8s中的常用对象1、Node获取node信息 2、Namespacenamespace的使用 3、Pod生命周期pod的使用 4、DaemonSetDaemonSet的使用 5、Deployment创建deploy 6、ReplicaSet7、StatefulSet创建StatefulSet 8、更新操…

免费代理池,在线公共ip池

这些公共代理是完全免费提供的,不需要任何授权。 免费代理通常是开放的、流行的公共代理。 与私人代理不同,公共代理不需要注册或密码。事实上,它们是负责安装在计算机上的代理服务器并且不关心更改默认设置的系统管理员的错误或疏忽。因此&…

道路救援入驻派单小程序开源版开发

道路救援入驻派单小程序开源版开发 1、用户立即救援 2、后台收到救援通知,派单救援师傅. 道路救援入驻派单小程序通常会包含一系列功能,旨在方便救援服务提供商、用户和后台管理系统之间的交互。以下是一个可能的功能列表: 用户端功能&…

GPOPS-II教程(4): 多级火箭上升最优控制问题

文章目录 本篇重点问题描述动力学方程约束条件性能指标 GPOPS代码main function1. 初始参数设置2. 边界条件设置3.初值猜测4.设置GPOPS求解器参数5.求解6.画图 continuous function1. 取输入参数2. 计算过程变量3. 写动力学方程4. 给输出 endpoint function坐标转换函数位置-速…

大猫咪守护LoRA:定制你的大猫私人大猫咪宠物写真合影,某音某书流行款

🌹大家好!我是安琪!感谢大家的支持与鼓励。 大猫咪LoRA模型简介 今天应群里同学大猫咪宠物合影写真提议,为大家介绍一款来自作者 沐沐人像合成的主题为大猫咪守护的LoRAl模型:沐沐-大猫咪。这是一款当下在某音、某书…

UniApp中的背景音频播放:深入理解uni.getBackgroundAudioManager()

在移动应用开发中,音频播放是一个常见且重要的功能。UniApp框架提供了强大的背景音频管理器 uni.getBackgroundAudioManager(),让我们能够轻松实现跨平台的音频播放功能。本文将深入探讨如何在UniApp中使用这个API来创建优质的音频播放体验。 1. 背景音频管理器简介 uni.getB…

解决llama-factory运行中的No module named ‘_bz2‘和No module named ‘_lzma‘

问题描述 在llama-factory执行lora微调时&#xff0c;按照手册安装了依赖&#xff0c;微调还是遇到错误 File "/usr/local/python3.10.2/lib/python3.10/site-packages/datasets/utils/extract.py", line 1, in <module>import bz2File "/usr/local/pyt…

基于FreeRTOS+STM32CubeMX+LCD1602+MCP3308(SPI接口)的8通道ADC转换器Proteus仿真

一、仿真原理图: 二、仿真效果: 三、STM32CubeMX配置: 1)、时钟配置: 2)、USART配置: 四、软件部分: 1)、主功能函数: 2)、初始化部分: /* USER CODE BEGIN Header */ /** ******************************************************************************

Apache Flink类型及序列化研读生产应用|得物技术

一、背景 序列化是指将数据从内存中的对象序列化为字节流&#xff0c;以便在网络中传输或持久化存储。序列化在Apache Flink中非常重要&#xff0c;因为它涉及到数据传输和状态管理等关键部分。Apache Flink以其独特的方式来处理数据类型以及序列化&#xff0c;这种方式包括它…

vscode使用Black Formatter以及Flake8实现代码格式化

vscode使用Black Formatter以及Flake8实现代码格式化&#xff08;实现和pycharm相似的效果&#xff09; 简单介绍一下这两个插件的功能&#xff0c;flake8可以实现对python代码风格的检测&#xff0c;对空格换行等内容都会有提示。 Black Formatter则可以实现在保存时&#x…

kafka 消费者 API 使用总结

前言 应用程序使用KafkaConsumer向Kafka订阅主题&#xff0c;并从订阅的主题中接收消息。不同于从其他消息系统读取数据&#xff0c;从Kafka读取数据涉及一些独特的概念和想法。如果不先理解这些概念&#xff0c;则难以理解如何使用消费者API。本文将先解释这些重要的概念&…