javascript - 使用 webpack 部署 React 应用

Question

我正在做一个关于 React 的教程，我已经制作了一个基于 React 的 youtube 克隆。现在我想将它上传到我的域(托管在 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

其中一个配置用于生产，一个用于开发