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

【问题标题】：How to update the dist folder of Vue js without running npm run build a second time如何在不第二次运行 npm run build 的情况下更新 Vue js 的 dist 文件夹
【发布时间】：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' 以外的其他目录

标签： javascript vue.js npm

【解决方案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 然后再次推送，远程仓库中的更改将可用，您可以提取新内容并进行部署。希望这会有所帮助。

【讨论】：