Question

我正在做一个关于React的教程，我已根据react做了一个youtube clone。现在我想将其上传到我的域（托管在one.com），但它无法正常工作，因为找不到bundle.js。相当明显，因为应用程序需要运行“npm start”。

我一直在谷歌搜索，发现我需要通过为webpack编写部署配置来部署应用程序，但我无法让它工作。

我从来没有理解这一点，我想问：我如何将javascript / nodejs / webpack网站部署到服务器？我是在正确的轨道上吗？

我的项目基于此启动器：https://github.com/StephenGrider/ReduxSimpleStarter

编辑：所以我设法通过在cmd中输入以下内容来获取bundle.js文件：

webpack ./src/index.js bundle.js

将其上传到服务器

现在的问题是它正在网站的根目录中寻找捆绑和样式。

Answer 1

在运行任何部署脚本之前尝试捆绑应用程序。 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

您的一个配置将用于生产，一个用于开发

使用webpack部署react app

1 个答案: