javascript - 如何将带有 django 的 react.js webpack 部署到 heroku？

Question

我有一个 django 后端和 react.js 前端以及 webpack。我已经按照此页面在本地设置了所有内容:http://owaislone.org/blog/webpack-plus-reactjs-and-django/并让我的开发服务器运行，一切都很好。对于我的生产 webpack 文件，我复制了与网站上完全相同的文件。

但是我想部署到 heroku，这就是我卡住的地方。我是否需要在生产环境中用某种快速服务器替换我的 webpack-dev-server？

我可以只运行 django 并提供静态 javascript 文件吗？要生成这些文件，我尝试运行:“webpack webpack-config.prod.js --progress -p”但是我收到一堆“无法解析模块‘fs’”错误，但我确实注意到它在 Assets / bundle 中生成了一个 900kb 的 js 文件。

此外，如果我尝试在我的本地机器(没有开发服务器)上运行“webpack webpack-config.prod.js --progress -p”并转到 django 路由，我会在我的控制台中得到这个:

获取 http://localhost:3000/assets/bundles/main-62ddfced1c44b3270fa7.js净::ERR_CONNECTION_REFUSED

我花了好几个小时让它工作，设置开发环境要快得多。我在这里做错了什么？

Answer 1

如果您使用 --save-dev 标志安装了任何依赖项，就像您链接到的指南所建议的那样，那么它们将不会安装在 heroku 上，因为它运行 npm install 设置了生产标志。因此，如果 fs 在您的 package.json 中的 devDependencies 下，则不会安装它。

据我所知这里有两个选项。您可以将生成的包置于版本控制之下，以便将其推送到 heroku ，或者 您可以仅使用 --save 标志安装依赖项。如果我要在 heroku 上发布，我个人更喜欢使用 --save 然后添加一个名为 heroku-postbuild 的 package.json 脚本来运行 webpack 并构建包。

"scripts": {
    "heroku-postbuild": "npm run dist",
},