“人生的意义在于修炼灵魂，首先要有纯洁美丽的心灵，这是思考人生要具备的，拥有什么样的心灵，就会选择什么样的人生，实现什么样的人生价值”...

随着vue3的到来，vite开始被各大vue3组件库使用，公司开始一个新项目，准备尝试用vite试一波。

从定位来说两者就是不一样的：webpack core 是一个纯打包工具（对标 Rollup），而 Vite 其实是一个更上层的工具链方案，对标的是 （webpack + 针对 web 的常用配置 + webpack-dev-server）。webpack core 因为只针对打包不预设场景...

先上一张流程图，小伙伴可以跟着这个流程图结合代码往下走：

https://www.yuque.com/liugezhou/drrg7f/gav2aq

但在typeScript的tsx中无效。还需增加以下配置.eslint配置文件也会提示报错

合理使用resolve.extensions 优化resolve.modules

2-4 高端操作：脚手架架构设计+绘制架构图 / 2-5 架构设计图绘图技巧分享

webpack打包原理1、把一切都视为模块：不管是 CSS、JS、Image 还是 HTML 都可以互相引用，通过定义 entry.js，对所有依赖的文件进行跟踪，将各个模块通过 loader 和 plugins 处理，然后打包在一起。2、按需加载：打包过程中 Webp...

代码已上传至githubgithub代码地址：https://github.com/Miofly/mio.git