部署与webpack反应的应用程序
我正在做一个关于React的教程,我根据反应做了一个YouTube的克隆。 现在我想上传到我的域名(托pipe在one.com),但它不工作,因为bundle.js找不到。 很明显,因为应用程序需要运行“npm start”。
我一直在googlesearch,发现我需要通过编写一个webpack的部署configuration来部署应用程序,但我无法让它工作。
我从来没有明白这一点,我想问:我如何部署一个JavaScript / nodejs / webpack网站到服务器? 我在正确的轨道上?
我的项目是基于这个起动器: https : //github.com/StephenGrider/ReduxSimpleStarter
更新所以我设法得到一个bundle.js文件只需键入cmd
webpack ./src/index.js bundle.js
上传到服务器
现在的问题是,它正在网站的根目录中寻找包和样式。
我在这里托pipe网站,请检查控制台日志
在运行任何部署脚本之前尝试绑定您的应用程序。 一个package.json可能有这样的脚本:
{ "name": "youtube-clone", "scripts": { "package": "webpack --config webpack.config.production.js --progress --colors", "deploy": "npm run package && [your deployment script]" } }
那么你会有这样的文件结构:
. ├── src/ ├── .gitignore <= make sure your build files are ignored on source ├── package.json ├── webpack.config.development.js └── webpack.config.production.js
其中一个configuration将被创build用于生产,另一个用于开发