
前端工程化
文章平均质量分 96
一颗冰淇淋
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
提升开发体验:基于 JSDoc 的 React 项目自动代码提示方案详解
本篇文章介绍了如何为现有React+JavaScript前端框架自动生成类型声明文件(.d.ts),以提升开发体验。通过配置TypeScript和编写自动化脚本,在不修改源码的情况下批量生成类型定义。原创 2025-07-06 23:07:30 · 607 阅读 · 0 评论 -
为React组件库引入自动化测试:从零到完善的实践之路
文章详细介绍了如何为React+TypeScript业务组件库引入自动化测试的全过程,包括测试环境搭建、Jest配置、特殊依赖处理、测试用例设计,以及测试覆盖率配置和报告分析。原创 2025-05-05 20:46:12 · 725 阅读 · 0 评论 -
使用Node.js打造交互式脚手架,简化模板下载与项目创建
在这篇文章中,我们将进一步扩展脚手架的功能,增加它下载项目模板的能力。原创 2025-03-02 23:09:15 · 774 阅读 · 0 评论 -
构建模块化 CLI:Lerna + Commander 打造灵活的基础脚手架
介绍如何使用 Lerna 管理多包结构,结合 Commander 创建一个可扩展的基础 CLI 脚手架。原创 2024-12-22 20:22:31 · 792 阅读 · 0 评论 -
命令行应用开发初学者指南:脚手架篇、UI 库和交互工具
本篇文章介绍了几个常用的命令行工具和库,帮助开发者构建功能丰富、用户友好的命令行应用。主要内容包括:脚手架框架(yargs 和 commander)、命令行输出美化(ANSI Escape 规范、chalk、ora)、交互式命令行(inquirer)。原创 2024-11-27 21:18:51 · 1306 阅读 · 0 评论 -
Node.js 构建命令行工具:实现 ls 命令的 -a 和 -l 选项
本篇文章来和大家分享一下如何用 Node.js 实现一个简单的命令行工具,模仿常用的 ls 命令,包括其 -a 和 -l 参数的功能。原创 2024-11-10 21:59:30 · 1214 阅读 · 0 评论 -
重构案例:将纯HTML/JS项目迁移到Webpack
本文详细介绍了如何将传统的纯 HTML/JS 项目重构为使用 Webpack 的现代前端项目。通过模块化管理和代码分割优化了项目,并使用 EJS 抽离公共组件,提升了性能和可维护性。原创 2024-10-20 20:24:41 · 1471 阅读 · 0 评论 -
前端模块化进化史:从全局 function 到 ES Modules
随着前端开发的不断进步,模块化已成为现代Web应用中不可或缺的重要组成部分。在这篇文章中,我们将一起回顾前端模块化的历程,从最早的全局函数到今天广为采用的ES Modules,探索每一阶段的技术演变及其背后的意义。原创 2024-10-07 20:13:31 · 1254 阅读 · 0 评论 -
全面掌握 Jest:从零开始的测试指南(下篇)
介绍Jest的基础知识和核心功能,帮助初学者快速上手。(下篇)原创 2024-09-17 21:58:48 · 1116 阅读 · 0 评论 -
全面掌握 Jest:从零开始的测试指南(上篇)
介绍Jest的基础知识和核心功能,帮助初学者快速上手。(上篇)原创 2024-09-17 21:57:34 · 1393 阅读 · 0 评论 -
React+TypeScript 组件库开发全攻略:集成Storybook可视化与Jest测试,一键发布至npm
平时我除了业务需求,偶尔会投入到UI组件的开发中,大多数时候只会负责自己业务场景相关或者一小部分公共组件,极少有从创建项目、集成可视化、测试到发布的整个过程的操作,这篇文章就是记录组件开发全流程,UI组件在此仅作为调试用,重点在于集成项目环境。原创 2024-07-21 21:13:58 · 967 阅读 · 0 评论 -
为react项目添加开发/提交规范(前端工程化、eslint、prettier、husky、commitlint、stylelint)
因历史遗留原因,接手的项目没有代码提醒/格式化,包括 eslint、pretttier,也没有 commit 提交校验,如 husky、commitlint、stylelint,与其期待自己或者同事的代码写得完美无缺,不如通过一些工具来进行规范和约束。原创 2023-08-06 20:17:56 · 1069 阅读 · 0 评论