博客新前端重构计划

前言

最近写博文发现有些细小的细节想调节一下,所以于昨天提交了一段前端代码(CI 自动构建)就没管了。后来有人告诉我博客挂了… 我才注意到昨天更新的前端代码有问题,导致整个前台 SPA 挂掉了。

问题所在

在本地跑起来看,才发现是曾经的各种依赖版本过低,版本更新后已经无法正常的配合起来工作了(所以产出了错误的编译结果)。再一看注释… 原来已经接近两年前的代码了。时隔这么久,好多依赖项都更新了好几个大版本,功能和用法早已变化。

不过还好我当初用的不是 NPM 而是 Yarn,因为它有 lock 机制,且版本库索引了 lock 文件,revert 以后再 install 一下又回到了最初的依赖树状态,才重新构建好了。

感慨

前端技术更新变化快是当然的,但是没想到开发者们如此激进,兼容性什么的都不值一提… 我当前用的还是 Babel 6.x 版本,而新版本的 Babel 7 已经拆分了架构,用法也不同了(安装依赖时直接提示我过时)。Webpack 更是从 1.x 升级到 3.x,React 也升级了大版本… 各种 loader 之间也不兼容了。要不是 lock 文件(绑定到了具体 commit 版本),我这一个 upgrade 命令差点毁了前端。

所以… 紧跟步伐,有计划有周期的更新库依赖和关注新变化是真的很重要。不然时隔太久想一次性更新上来堪比调试一系列复杂的 BUG 集合一般麻烦。

计划

实际上也不能怪我懒… 因为这个前端当初确实被我放弃了,所以很久不提交代码了。我的新前端计划真正筹划中… 首先要兼容手机版网页,并且要以 PWA 的形式展示。前台仍是以 React 技术栈实现,后台用 Vue 技术栈(全栈前后台是两个大的 SPA),因为虽然过去了接近两年,这两项技术仍然非常现代化和主流。

最后

又有一大批更新后的新东西需要我了解了… 拜拜我去查资料看文档了(假装很勤奋)。😁为了表扬一下我自己总算决定重整这个前端了,所以先容许我去吃几(说 x 不说 y)把鸡庆祝庆祝,遛了。