UndefinedLuo

快速找到文件依赖与引用：评估修改影响范围的方法 在开发大型项目时，我们经常面临这样一个问题： 如果不了解文件被哪些地方引用，盲目修改可能导致连锁报错或功能异常。因此，快速定...

一、使用背景 在前端开发过程中，经常会遇到如下错误： 这意味着端口 3000 已被其他进程占用，Webpack 开发服务器无法启动。 为了解决这一问题，编写了一个启动脚本 ...

在前端开发中，把项目部署到线上环境是每个开发者都会遇到的环节。对于个人项目或静态网站，GitHub Pages 提供了免费的托管服务。而想要快速、自动化地将本地项目发布到 ...

在 npm 脚本里，你可能写过： 执行： 你会发现 predeploy 自动执行，不需要手动调用。这是 npm 的内置规则。 1️⃣ npm 生命周期规则 pre<scri...

很多前端同学平时只接触 npm run dev 的开发模式。但在一些场景下，我们需要用 Nginx 来本地模拟部署环境，比如： 验证 打包后的静态资源能否正常运行。 处理 ...

在 monorepo 项目中，我们通常会使用 pnpm workspace 来统一管理多个子包。例如，一个典型的项目结构如下： 假设我们要给 foo 这个子包添加 antd...

1. 统一依赖安装 在根目录执行 pnpm install，自动安装所有子包依赖。 无需逐个 cd 到子包目录，节省时间。 保证依赖版本一致，生成统一的 pnpm-lock...

1️⃣ 项目结构 假设我们有一个 monorepo： pnpm-workspace.yaml： packages/foo/package.json： packages/fo...

1️⃣ 硬链接（Hard Link） 概念 硬链接是文件系统提供的一种机制，它允许多个文件名（路径）指向 同一个物理数据块。 文件内容存储在磁盘上只有一份。 创建硬链接不会...

1️⃣ 为什么 npm view yarn version 显示 1.22.22？ Yarn 1.x 是 classic Yarn，在 npm 上的包 yarn 默认 di...

pnpm / Yarn / npm 覆盖依赖用法对比 特性 / 维度 pnpm: overrides Yarn: resolutions npm: overrides 配置...

油猴（Tampermonkey）是一款浏览器插件，允许用户在网页加载时注入自定义的 JavaScript 脚本，来增强、修改或自动化网页行为（你可以理解为轻量版谷歌扩展插件...

引言 背景：这段时间开发了一个全栈项目，以新闻管理这个业务为切入点，锻炼自己开发后端服务、以及前端各平台应用、还有部署相关的能力。项目包含了一个nodejs服务、新闻管理后...

分享 20 个 2025 年依旧「少人知道、却能立竿见影」的原生 API。 收藏 = 省下一个工具库 + 少写 100 行代码！ 1. ResizeObserver 精准监...

那是一个普通的周三早晨，我正对着产品经理刚丢过来的需求发呆——"在管理系统里加个3D机柜展示，要能开门的那种"。 "这不就是个模型展示吗？"我心想，"AI应该能搞定吧？"...

油猴既然能将任意前端js注入到当前网页中，是否能结合手势识别实现任意网页隔空控制，实现类似手机上的隔空翻页功能？...

类别 工具/配置 配置文件 作用 JavaScript/TS ESLint .eslintrc.js, .eslintignore 代码质量与风格检查 Prettier ....

主流文档工具对比 特性 Docusaurus Storybook VitePress Docsify Nextra (基于 Next.js) 核心定位 内容-centric...

一、核心定位 Webpack: “应用构建全能王” 目标：处理复杂 Web 应用的一切资源，构建功能完备的 bundle。 哲学：一切皆模块，通过强大的 loader 和 ...

上一篇我们搭建了，react&ts的基本开发环境，本篇我们将引入storybook编写组件、使用rollup打包组件、本地测试开发的组件、发布组件库。...