如何更新DIST文件夹，因此Heroku提供了新的代码

Question

我是节点和部署的新手。我了解我在主分支上所做的每一个更改都需要提交和推动。我的Heroku应用程序在此操作时不会更新，并且我已经完成了它，因为它从repo中的我的/dist文件夹中提供文件。

所以我想知道，每当我更改代码时，我都必须删除DIST文件夹并再次运行" NPM Run Build"，以便我的DIST文件夹是最新的？

Answer 1

您实际上并未在每个Heroku部署上替换dist文件夹。您需要删除Heroku服务器上现有的dist文件夹。因此，为了处理此操作，您可以使用heroku preinstall脚本挂钩。您的package.json文件应该看起来像这样：

scripts: {
  preinstall: "rm -rf /dist"
}

您现在可以运行脚本以部署在Heroku上，它将首先删除dist文件夹，然后部署新的构建。

Answer 2

我不知道您的构建过程涉及什么（您可以发布包装。您构建代码然后部署。

自动化的一种方法是设置连续的交付过程。这将是诸如Jenkins之类的构建服务器或Semaphore CI之类的服务，该服务是在按下触发的，为您构建代码并部署的服务。

编辑：如果您使用的是vue-cli模板，例如其webpack模板，则无需删除Dist Directory，构建脚本将为您处理。@M-Ketan关于使用Heroku的构建挂钩的建议是一个很好的建议，但我认为您可能需要使用postinstall并将其称为npm run build。请参阅https://devcenter.heroku.com/changelog-items/844