Talk is cheap. Show me your code

随笔分类 -  前端工程化

【路由&菜单&权限】一体化设计
摘要：【路由&菜单&权限】一体化设计 在中后台项目中，路由、导航菜单、路由权限是最基本的问题。我在工作中见到了各种各样的解决方案， 但都不太理想。在我看来，路由、菜单、权限这三者是强耦合关系，应该放在一起解决。 一、设计思路 路由和菜单在结构上本就是统一的，最多在路由配置上加一个 hiddenInMenu 阅读全文
posted @ 2024-07-25 14:21 Wise.Wrong 阅读(300) 评论(0) 推荐(0)
使用 Vite 从零开始构建 React 组件库
摘要：这篇文章会介绍一个 React 组件库项目的搭建、打包、发布 但不会涉及组件库文档站点的构建，如有需要，建议查看《使用 dumi 打包 React 组件库并生成文档站点》 另外，虽然本文介绍的是 React 组件库，但对于 Vue 组件库也是通用的 一、创建项目 首先参考 Vite 的文档创建一个项 阅读全文
posted @ 2022-09-07 16:55 Wise.Wrong 阅读(5737) 评论(3) 推荐(0)
使用 Husky + Commitlint + Lint-staged 约束每一次 Git 提交
摘要：每一名开发人员都有自己独特的代码风格。但对于多人协作项目，保持统一的风格有利于项目维护。 我们可以在项目中引入 ESLint、Prettier 来规范代码，但这无法约束 Git commit message 这时候可以借助 Husky 等工具来把好最后一关 常用工具 1. eslint (https 阅读全文
posted @ 2022-04-08 10:46 Wise.Wrong 阅读(2586) 评论(0) 推荐(1)
使用 dumi 打包 React 组件库并生成文档站点
摘要：对于前端团队来说，公共组件库是必须的，紧接着就是完善组件库的文档 社区里关于快速生成文档的工具有很多，如 StoryBook、Docz、Gatsby 在调研了几种文档工具之后，最终我选择了 umi 家族的另一个成员：dumi 因为它集成了 docz，以及打包工具 father-build，同时支持创 阅读全文
posted @ 2021-09-23 16:22 Wise.Wrong 阅读(4391) 评论(0) 推荐(0)
从零开始搭建前端脚手架
摘要：一、功能设计 每个前端小组都会有自己的独特的业务场景，从这些业务场景从提取公共部分，并打造一个前端项目模版，是非常有必要的 为了能够基于这个项目模版快速创建一个新项目，就需要脚手架工具登场 所以这里至少有两个项目仓库：前端模版项目、脚手架工具 而对于脚手架工具，它应当具备这样的功能：输入一个命令和项 阅读全文
posted @ 2021-08-03 10:38 Wise.Wrong 阅读(2670) 评论(2) 推荐(0)
封装 fetch 与 Error，返回 Promise 对象
摘要：fetch 在目前已经是很成熟的请求资源的方法，但为了方便在项目中调用，一般都会进行二次封装 一、定义错误类型 对于封装公共组件或方法，一定要多想，七分设计，三分开发 而对于一个网络请求来说，除了处理请求体、响应体之外，还有一个常常被忽略的环节，那就是定义 Error 项目中关于网络请求的错误有很多 阅读全文
posted @ 2021-07-20 15:38 Wise.Wrong 阅读(729) 评论(0) 推荐(0)