在基于 DIFY 进行二次开发的过程中，我们常常需要修改其前端 WEB 源代码（比如自定义页面样式、新增前端功能），修改完成后就需要重新构建 WEB 镜像来验证效果。

官方 DIFY 在根目录（包含 Makefile 文件的目录）封装了便捷的构建命令，无需我们手动编写冗长的docker build -t命令，极大简化了构建流程。但很多同学会遇到构建过程中因官方 npm 源不稳定导致的依赖下载卡顿、构建失败等问题，今天这篇文章就给大家总结完整的 DIFY 本地源码构建 WEB 镜像流程，重点解决源不稳定的坑！

一、前置准备

在开始构建前，请确保你的环境已经满足以下条件：

1. 已安装 Docker（确保 Docker daemon 正常运行）
2. 已安装 Make 工具（Linux/macOS 一般自带，Windows 可通过 WSL 或 MinGW 安装）
3. 已克隆 DIFY 源码到本地，且已完成 WEB 源代码的修改
4. 进入 DIFY 根目录（关键：该目录下存在 Makefile 文件，所有构建命令都需要在此目录执行）

克隆 DIFY 源码命令（可选，若已克隆可跳过）：

git clone https://github.com/langgenius/dify.git

进入 DIFY 根目录（请替换为你的本地源码路径）：

cd /your/local/path/