Vite打包时使用plugin解决浏览器兼容问题

news/2024/10/23 5:42:31/

一、安装Vite插件

在终端输入如下命令:

npm add -D @vitejs/plugin-legacy

二、配置config文件

在项目目录下创建vite.config.js文件夹,配置如下代码:

import { defineConfig } from "vite";
import legacy from "@vitejs/plugin-legacy";
export default defineConfig({plugins: [legacy({targets:["ie 11"]})]
})

三 、打包代码

打包完成以后会有两个js代码,其中一个文件名中带有legacy,我们目标文件就是带有legacy的文件 

这时候我们的箭头函数就转化为了兼容性更高的普通函数


http://www.ppmy.cn/news/1123317.html

相关文章

工作、生活常用免费api接口大全

手机号码归属地:提供三大运营商的手机号码归属地查询。全国快递物流查询:1.提供包括申通、顺丰、圆通、韵达、中通、汇通等600快递公司在内的快递物流单号查询。2.与官网实时同步更新。3.自动识别快递公司。IP归属地-IPv4区县级:根据IP地址查…

【计算机毕业设计】基于SpringBoot+Vue大学生心理健康管理系统的开发与实现

博主主页:一季春秋博主简介:专注Java技术领域和毕业设计项目实战、Java、微信小程序、安卓等技术开发,远程调试部署、代码讲解、文档指导、ppt制作等技术指导。主要内容:毕业设计(Java项目、小程序等)、简历模板、学习资料、面试题…

Git大全

目录 一、Git概述 1.1Git简介 1.2Git工作流程图 1.3查看Git的版本 1.4 Git 使用前配置 1.5为常用指令配置别名(可选) 1.5.1打开用户目录,创建 .bashrc 文件 1.5.2在 .bashrc 文件中输入如下内容: 1.5.3打开gitBash,执行…

3、SpringBoot_配置文件

四、配置文件 1.前言 曾经使用SpringMVC的时候是手动修改tomcat配置的端口信息,那现在Springboot如何修改?springboot有一个默认的配置文件 application.properties 2.配置文件分类 常用配置信息官方文档地址 https://docs.spring.io/spring-boot/doc…

vue的孙组件获取祖组件数据的方法(this.$parent)

项目中遇到一个问题&#xff0c;使用第三方插件的组件库会导致自己封装的组件库无法通过this.$parent.data获取父组件的数据 在孙组件里使用this. p a r e n t . parent. parent.parent.data即可获取到祖级数据 <template><div iddetail><!-- 第三方框架封装的…

MySQL学习笔记12

MySQL 查询语句&#xff1a; 1、查询五子句&#xff1a;&#xff08;重点&#xff09; mysql> select */字段列表 from 数据表名称 where 子句 group by 子句 having 子句 order by 子句 limit 子句; 1&#xff09;where 子句&#xff1b;条件筛选。 2&#xff09;group…

SystemC入门学习-第3章 数据类型

本章将详细的描述SystemC的数据类型&#xff0c;并介绍这些类型的数据可以进行哪些操作。比如值保持器&#xff08;value holder&#xff09;就是一种特殊的类型。在所有的类型中&#xff0c;最重要的是bool和sc_uint两种类型 3.1 值保持器 值保持器有三种&#xff1a; 变量…

41. Linux系统配置FTP服务器并在QT中使用QFtp实现文件上传

1. 说明 这篇博客主要记录一些在Linux系统中搭建FTP服务器时踩过的一些坑,以及在使用QFtp上传文件时需要注意的问题。 2. FTP环境搭建 在linux系统中,需要安装vsftpd,可以在终端中输入下面的命令进行安装: sudo apt-get install vsftpd使用上述命令安装后,系统中会有一…