如何在不第二次运行 npm run build 的情况下更新 Vue js 的 dist 文件夹

Posted 2023-02-22

【中文标题】如何在不第二次运行 npm run build 的情况下更新 Vue js 的 dist 文件夹

【英文标题】：How to update the dist folder of Vue js without running npm run build a second time

【发布时间】：2020-07-15 19:51:43

【问题描述】：

我运行 npm run build 为我的 Vue js 应用程序创建一个 dist 文件夹，然后我将其推送到 git hub。但是在对我的代码库进行更改之后，我仍然运行 npm run build ，然后它会自动创建一个新的 dist 文件夹并替换前者。那么如何防止多次运行 build 命令而直接更新 dist 文件夹。

【问题讨论】：

理想情况下，您不应该将 dist 文件夹推送到 github IMO

你的意思是 github-pages 页面吗？无论如何，您可以为您的 npm 构建脚本指定一个输出目录，因此只需将其更改为 'dist' 以外的其他目录

【参考方案1】：

为git repository 初始化dist 文件夹，您将在其中托管最终构建的部署。然后将 dist 内容推送到远程仓库，然后下次进行部署时，因为 dist 文件夹已为 git 初始化，当您推送 dist 内容时，它会更新远程仓库内容

假设你在project文件夹e.g my project

cd dist
git init 
git remote add origin <remote repo URL>
git push -u origin <branch-name>

然后做你该做的（对项目进行更改并再次运行npm run build 然后再次推送，远程仓库中的更改将可用，您可以提取新内容并进行部署。希望这会有所帮助。