vue3+ts+vite4兼容低版本详细版（已在谷歌70,60测试）

最新推荐文章于 2024-09-03 22:11:03 发布

可可鸭~

最新推荐文章于 2024-09-03 22:11:03 发布

阅读量2.6k

点赞数 1

分类专栏：前端实战开发文章标签：前端 html

本文链接：https://blog.csdn.net/qq_43547255/article/details/136005806

版权

前端实战开发专栏收录该内容

33 篇文章 26 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何使用 @vitejs/plugin-legacy 插件来实现Vite3+TypeScript构建的应用在低版本浏览器（如Chrome 70和60）中的兼容性。内容包括安装插件、配置vite.config.js以及插件在打包过程中的作用，如转换为ES5代码、生成SystemJS包装和响应式HTML文件，确保旧版浏览器的兼容性。

摘要由CSDN通过智能技术生成

官网地址传送门：http://www.vitejs.net/plugins/
使用：@vitejs/plugin-legacy
1.在
当前vite版本、当前node版本在这里插入图片描述

1.安装插件（用的是node14版本）
2.在vite.config.js中配置如下

// vite.config.js
import legacy from '@vitejs/plugin-legacy'

build: {
   target: ['ios11', 'Chrome 64']
},
plugins: [
   legacy({
     targets: ['Chrome 64'],
     modernPolyfills: true,
   })
],

3.在线上部署，查看
vite文件

了解本专栏