部署与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网站,请检查控制台日志

       

网上收集的解决方案 "部署与webpack反应的应用程序"

在运行任何部署脚本之前尝试绑定您的应用程序。 一个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用于生产,另一个用于开发