STARBLOG / 技术与日常的文字存档

Web前端

写下实践中的发现，也留住那些值得回看的想法。

25篇文字 · 持续记录中

前端邪修：不用Vite也不用Webpack，把React拖回HTML时代的反工程化实践

反工程化React实践？直接HTML引入React写界面？这操作够“邪修”吧。工具链？HMR？不需要，手动加载依赖，浏览器缓存自己控。简单交互页面何必引入整套工程体系？这取舍，够“高冷”。

TailwindCSS组件库多到让人选择困难。shadcn/ui虽优雅但不够全，Origin UI倒是堆了500+组件——这年头连UI都要内卷？大而全还是小而精，选型前先想清楚自己要不要加班调样式。

swagger-typescript-api？文档写得像草稿，还得自己摸索。那些花哨的模块化选项除了报错还能干嘛？老老实实生成单文件，配个客户端封装，省得每次折腾。

Next.js的路由段配置选项？真有这么简单？官方文档写得倒是分散，自己整理下倒也罢了。动态渲染还是静态？缓存策略又该怎么定？开发者还是得自己琢磨。

Next.js 本来就不能直接用 Swagger，非要用还得自己折腾 API Routes？自动生成工具？手动写 Spec？这简直是在侮辱开发者。手动注释？这操作简直是在挑战耐心极限。

pnpm还真是会玩空间魔术？单项目里它领先优势就这么点？Node.js 20把npm喂肥了，现在谁还敢说npm是废物？这测试结果真是让人摸不着头脑。

这种国产粗犷风格的项目居然能用？16路视频播放界面倒是简单直接，但现场配置和设备管理流程真是够折腾的。WVP和mpegts.js？B站开源的尿性，细节全靠蒙。

前端框架层出不穷，项目越做越大，alpine.js 和 htmx 这种库是反其道而行，可以用最简单的方法来开发现代化的 web 应用。

Next.js？React的脚手架罢了，开箱即用，拒绝精神内耗。Tailwind？Bootstrap的替代品，罢了。实际开发中，pnym坑死人，localStorage问题？小菜一碟。

封装axios？TypeScript下不过是加些类型声明，真当创新了。拦截器自动加token和401跳转，标准操作而已。统一返回值？又是后端那套，麻烦。

Vue 可以非常方便地与 Pure HTML 结合，代替 jQuery 的功能，有一次遇到类似的场景时，我就想 React 能不能也以这种方式接入 HTML 网页，从而提高开发效率。结果当然是可以的，只不过在 HTML 里直接 JSX 似乎会降低一些性能… 凑合用吧

参考资料 Mockjs使用 - https://juejin.cn/post/6953199521031520292 http://wll8.gitee.io/mockjs-examples Mokcjs 文档 Vitepress版 - http://mock.pe666.cn/