工具链-vite系统

基于浏览器的ESM 模块化支持 1.可以支持在home页以 type='module',让浏览器接管 模块化的加载【以http请求的方式】 依赖引用关系 index.html ->index.js->

1. vite 底层依赖于esbuild和rollup 2.dev 环境 依赖与esbuild 1.依赖预构建 1.第三方依赖文件太大:node modules有的甚至几个G,如果不做处理可能，浏览器

```js export default ()=>{ return { name: 'allMethodPlugin', // 通用hook 以下钩子在服务器启动时被调用： options(opts)

实际项目中为方便快速开发需要快速提供接口,下面是实现胜思路【node环境下】 1.扫描指定目录下模块js,mock.js实体： 1.目录结构：[src/mock/index.js,src/mock/u

Esbuild 是一个极快的 JavaScript 和 TypeScript 打包器和压缩器，它转换 TypeScript 的逻辑主要包括以下几个关键步骤： 词法分析和语法分析 词法分析：Esbuil

Vue 文件编译为 JavaScript 文件是一个毛线团，那么他的线头一定是 vite.config.ts 文件中使用 @vitejs/plugin-vue 的地方。通过这个线头开始 debug 我

vite ⚡ Vite is an opinionated web dev build tool that serves your code via native ES Module imports

问题：为什么需要vite?解决了哪些问题，是如何解决的; 因为前端工程化的出现,项目分模块开发，模块化语义也不同，要想使最终的产物一致的话，需要一套 集编译、打包 转换的工具流，而vite 就是这样的