# vue-framework-template

**Repository Path**: qinz/vue-framework-template

## Basic Information

- **Project Name**: vue-framework-template
- **Description**: VUE3项目模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-08
- **Last Updated**: 2024-05-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + TypeScript + Vite

   - [Vue3+Vite项目按需自动导入配置以及一些常见问题修复](https://www.jb51.net/article/274694.htm)


- @vitejs/plugin-legacy
  > 是 Vite 构建工具的一个官方插件，其主要目的是为了帮助开发者在使用 Vite 开发的现代 Web 应用程序中实现对旧版浏览器的兼容支持。由于 Vite 默认构建输出的目标是针对现代浏览器，包括那些支持原生 ES Module (ESM) 和现代 JavaScript 特性的浏览器，而许多较旧的浏览器并不支持这些特性，因此在面向这些浏览器时，就需要额外的转换和 polyfill 来保证应用能够正常运行。

  该插件的主要功能和用途包括：

  1. 自动转换代码：根据项目配置中定义的目标浏览器列表（通常是通过 .browserslistrc 文件或者在 vite.config.js 中直接配置 targets 选项），插件会对源代码进行转换，使其符合所选浏览器的兼容性要求。

  2. 按需加载polyfill：为不支持特定 ES 语言特性的浏览器注入相应的 polyfill，确保应用程序使用的现代语法能够在旧版浏览器上得到正确解释执行。

  3. 生成兼容chunk：生成适用于传统模块加载系统的代码块（chunks），这对于不支持原生 ESM 的浏览器至关重要，因为它们可能依赖于 CommonJS 或 UMD 等模块加载方式。

  总之，当你的项目需要支持 Internet Explorer 11 或其他较早版本的浏览器时，@vitejs/plugin-legacy 插件是不可或缺的工具，它可以极大地简化跨浏览器兼容性的处理过程。然而，需要注意的是，即使使用了这个插件，也并不能保证所有的现代库和框架（比如 Vue 3，因为它本身不再支持 IE11）能在旧版浏览器上完全工作，还需要配合其他手段来补充缺失的功能或修复不兼容问题。