麦兜不打野

这篇文章教会你如何封装一个svg-icon组件，这个组件在后续的button等组件中也用到了。 插件安装 vite-plugin-svg-icons - npm 在封装我们自己的svg组件之前我们需要

gzip压缩 gzip压缩，在Vite/Webpack中核心目的就是，降低文件大小，在浏览器请求该文件的时候能快速响应。对文件进行压缩目前我知道的有两种方式： 前端压缩（运维配置请求时优先请求压缩文件

介绍 在我们项目开发完成后，需要进行项目的打包优化，本文讲解如何在Vite中进行分包，提升项目的性能。 分包策略涉及的优化点有如下几点：首次加载、加载时间、浏览器缓存策略、代码体积。接下来讲一下分包解

总结 流程总结 通过render函数进行ELEMENT节点的挂载大致就是下面是大致流程： **ELEMENT节点的挂载→render函数→patch挂载函数→type+shapeFlag→proces

开发时态的构建速度优化: yarn dev/yarn start敲下的一瞬间到呈现结果要占用多少时长 webpack在这方面下的功夫是很重: cache-loader cache loader结果(如

背景介绍 在我们平常开发过程中，我们项目多数是前后端分离的项目，就需要和服务进行前后联调，需要服务给接口文档，然后我们再根据给的结构文档mock数据，在这之前呢我都是直接在页面中写死数据来进行模拟的，

背景 我们在使用vite搭建项目的时候，需要引入部分资源文件，我们如果通过相对路径../的形式来导入不同模块下的文件，这样就会存在很繁琐的问题。此时呢，vite提供了一个配置项resolve.alia

前置 本小节说的是create-vite 使用的template模板的实现原理，我们在使用vite创建项目的时候，在控制台中输入pnpm create vite，会让你进行选择模板，然后根据用户选择的

fs模块 在nodejs中fs模块是进行文件的io操作的一个类，在这个模块下包含很多操作文件的api，具体内容直接去官网看API即可，接下来将讲解使用fs模块进行文件流的读取和写入操作 预备知识 首先