使用 webpack 进行前端部署的最佳实践答案

【问题标题】：Best practices for frontend deployment with webpack使用 webpack 进行前端部署的最佳实践
【发布时间】：2019-10-04 06:03:30
【问题描述】：

我是 webpack 和一般前端开发的新手，我在前端应用程序中使用 create-react-app，该应用程序在后台使用 webpack 创建带有优化的生产文件的 /build 目录。将优化的 prod 文件部署到我的服务器的最佳做法是什么？

我目前的流程需要：

从不提交/build 目录（仅提交我的源代码）而只让我的CD 服务器运行npm run build 并部署优化的产品文件是否被认为是不好的做法？

【问题讨论】：

【解决方案1】：

一般来说，构建文件夹不会推送到 git，因为任何拉取源的人都应该能够生成该文件夹中的所有内容。

如果您推送构建文件夹，您可能会遇到很多关于缩小文件/块和对它们的引用的合并冲突。除非在 repo 中有 /build 有什么好处，否则不值得头疼

【讨论】：

如果我在我的 .gitignore 中忽略 /build，那么 webpack 仍然会编译它以用于生产，比如当我将它推送到 Heroku 时？
webpack 不关心你的存储库中有什么，只关心本地机器上的什么，所以是的，它仍然会像以前一样编译。部署时，您需要部署已编译的文件，或包含构建步骤以在您要部署到的任何服务上编译它们