Webpack 2 工作流程如何测试我的生产文件以及如何上传？

Question

Webpack 2 工作流程 - 刚刚启动 Webpack 2。

我的package.json

"scripts": {
"start": "webpack-dev-server",
"dev": "webpack -d —watch ",
"prod": "webpack -p"
},

当我运行 npm run prod 时，它将我的文件写入 dist。但是我如何查看这些文件。当我运行 webpack-dev-server 这些不是我的 dist 文件。这是一些临时的中间状态。

我也应该运行另一个节点服务器吗？我应该测试我的 dist 文件是否正确？还是我应该相信我在 webpack-dev-server 中看到的就是我在 dist 目录中得到的？

我的后续问题是我应该如何将文件上传到托管服务器？

我将文件上传到生产环境的方式是 git push 我将整个项目上传到 bitbucket。然后我通过终端和 bitbucket git pull 登录到我的托管服务器。

我应该做同样的事情吗？带有专用的 dist 文件夹。我应该为 dist 创建一个单独的 repo 以便我只推送它吗？或者我应该使用 SSH 并只推送该文件夹吗？什么是最佳实践。

Answer 1

我不会将生成的文件置于版本控制之下。使用 rsync 或 scp 推送文件夹。要查看构建的结果，是的，您需要运行一些本地内容以从该文件夹为它们提供服务。根据您的应用程序的运行方式，您可以直接在浏览器中打开索引页。

Webpack 2 workflow how do I test my production files and how do I upload?