耗时7月+，终是一场空

源码仓库

传送门

沉迷

在年初的一段时间里，可谓是陷入了人生的低谷，这大抵是拜感情所赐

在持续低迷了一段时间后，感觉不能这样下去，得找点事情做转移一下注意力。不过在大人的世界里，自然是无利不起早的，于是在网上搜集各种可以赋闲时赚钱的法子

选择

一通搜索后，我找到了如下的几种似乎可以一试的路

抖音

这大抵是来钱最快的途径了，只要你有才华，有灵感，又善于坚持，不管是直播带货，还是冲中视频计划，收益都很客观。可坏就坏在，我平庸的没有才华又是个爱面子的人

兼职

在boss上搜了下，还真有前端开发兼职的工作，于是我信心满满的准备简历并进行投递，我想着，凭我的工作年限和技术水平，找到一份赚零花的兼职，自是不难。可天不遂人愿，投出的简历都石沉大海

淘宝客

一番搜索无果后，我又想到了大学时曾经做过的兼职。足不出户，一个人，一台电脑即可

要说，我之所以能从事前端开发行业，还要感谢那几年的淘宝客经历的

要想成为一个合格的淘宝客，自动发单平台是必不可少的，于是我找到了一个叫熊猫的付费软件，包月68块钱。在后续跟群主的闲聊中得知，群主也是一名大学生，也同时是软件的作者。说着无意，可我听者有心，我拿起计算器这么一算，直呼真牛逼

已知作者有三个群，总人数大概有五千人，将重复的部分用价格相抵，那就是50元乘以5000等于25万，一年12个月就是300万

我仿佛找到了生财之道，于是对该软件进行了些许研究，它是使用易语言开发的，中文编程，极易上手

于是我注册账号，下载软件，购买课程，学起来......，直到后来学到了js逆向，人生第一次接触到现在用来吃饭的家伙

扯远了

当时做淘宝客其实还可以，每天去上课之前，把软件打开让它自动发单，下课回来都有些许收益，虽然平均一个月只有一千块钱，但我清楚那个时候是缺少money支持，导致活动做不起。现在工作了有了些许积蓄，应该不再受限于此。但尴尬的是，这个行业现在已经濒死了

写作

选题

写什么好呢？什么方向既火，又缺少竞品，又能让读者买单，还能促进自己学习进步的？

最终，我把课题选择在了vite方向，它目前算是最火的前端构建工具之一了，且网络上很少有专门针对它的教程，多是教教你咋用，告诉下你大致的实现原理，可这些有用吗？我认为毫无用处，真正有用的应该是vite中的具体的某一个功能点是如何实现的

随，选题为《vite技术解密、还原与实战》

我打算花80到100小节分析vite的功能点，同时为了避免不求甚解，还要对功能点结合自己的思考做还原，它应当是条条大路通罗马式的，不求和vite实现一致，但落地的功能要相媲美

写作

确定了主题之后，就开始投入到写作工作中去了，真的是全身心投入

上班不再摸鱼了，只要有空闲时间，就用来写小册

下班到家不再打王者了，打开电脑，洋洋洒洒即是凌晨过半

不接受朋友的约饭，约就是最近忙没时间

也正好有理由拒绝家里介绍的相亲

也算是一石好几鸟了

确定小节

计划赶不上变化是常有的事情，在经历了7个多月的写作之后，最终的目录如下

1.揭秘pnpm create vite

2.svite工程搭建

3.本地server的创建流程

4.加载index.html

5.配置文件

6.defineConfig引发的问题思考与解决方案分析与实现

7.插件化方案设计

8.在svite中引入插件系统

9.依赖预构建--依赖扫描

10.依赖预构建--依赖打包

11.依赖预构建--依赖缓存

12.在svite中引入依赖预构建

13.模块解析器

14.借力模块解析器，让预构建全面开花

15.vite4.2引入的子路径导入是如何实现的

16.vite中实现的模块解析算法

17.import.meta.env

18.import.meta.env的数据来源

19.transformIndexHtml

20.自动打开浏览器

21.完成请求闭环

22.vite是如何处理cjs模块加载的

23.构建模块视图

24.resolve.extensions

25.热更新基础设施搭建

26.通信协议与心跳重连

27.import.meta.hot

28.视图更新与数据包生成

29.数据包响应与overlay图层

30.hot.accept与hot.invalidate

31.alias别名

32.esm模块的__filename与__dirname注入

33.静态资源的导入

34.资源管理中心的搭建

35.json具名导入

36.批量导入

37.import.meta.glob增强与端口号冲突优化

38.导入worker脚本

39.原生worker语法的兼容支持与原因分析

40.public目录

41.开箱即用的WebAssembly

42.原生css模块的导入与样式提取

43..module.css模块化

44.开箱即用的less预处理器

45.url与image-set

46.@import语法支持

47.style与link标签

48.vite不支持行内样式中使用url函数的处理办法

49.vite4.4中是如何实现Lightning CSS支持的

50.视图与热更新

51.plugin-vue工程搭建与svite联调测试

52.上下文的准备与config钩子调度

53.扫描vue模块的script标签中的第三方依赖

54.template与script标签

55.将vue组件实例渲染到web浏览器

56.style标签

57.scoped、module与lang属性

58.自定义元素

59.支持sfc中使用TypeScript

60.vue模块的热更新处理

61.支持使用jsx编写vue组件

62.proxy跨域代理

63.http缓存

64.404与请求降级

65.支持导入.ts文件

66.打开vscode中的指定文件

67.支持sourcemap调试

68.rollup的兼容支持

69.rollup的构建参数准备

70.构建结果输出与public文件夹迁移

71.打包index.html入口

72.打包script标签内容

73.打包静态文件

74.打包worker脚本

75.打包数据url

76.打包commonjs

77.打包css

78.css代码分割与压缩

79.tree-shaking

80.代码压缩

81.打包vendor

82.import构建分析

83.动态import导入

84.模块预加载

85.输出构建日志

86.浏览器兼容性支持

87.unplugin-router工程搭建

88.初始化准备与入口点扫描

89.生成配置文件

90.替换客户端导入

91.重写vue-router打包文件

92.实现文件监视器

93.与客户端建立更新连接

94.实现动态路由

95.实现嵌套路由

96.实现404路由

97.实现权限路由

98.实现prompt路由

99.动态生成路由的typescript映射提示

100.client.ts的自动重定向

101.git realease 与 git tag 的自动化生成与 npm 包的自动发布

102.支持webpack

投稿

接下来，就是所谓的投稿阶段了，其实就是填写个form表单就行

我对自己的创作十分满意且有信心，并且我没打算靠此一夜暴富，它只不过是一道开胃菜，用以证明此路可行，于是我的理想定价不过三五十块足以，我想着总有人愿意买单，哪怕是为了我的真诚

等待

投稿后，就是漫长的等待阶段了，那段时间正好是双十一，是一年中公司最忙的时间，等过了双十一后，我才想起来，好像我的投稿石沉大海了一样

确认结果

后来得知，已经邮件回复过了。于是在邮箱找到了审核结果，它们在11月7号就已经回复过了

但这个回复如果要形容的话，简直是敷衍至极

于是我找到公众号穷追不舍的追问原因，看的出来，他们压根不想搭理我，但是我不服，死也要死的明白

这里，我就不贴我何其卑微的追问了，这种感觉，爱过的人都懂

我不想多喷什么，总而言之，被拒绝了

怎么办

或许是心有不甘吧，毕竟也算是认真对待过的事情，总不能因为卖不了钱就把它彻底掐死

于是，我打算以免费的方式放出来，供有兴趣想要学习的人能够看得到

但是如何做，我还没有想好

我想首更在公众号：爱水文的前端苏

但是保证怎样的更新频率，以及如何将源码公布出来还没有头绪

还有，既然我的言外之意是往公众号引流，那都要注册哪些平台以及这些平台如何一键发布成为了大问题。我总不能一个平台一个平台的发吧，我这人，最怕麻烦了