使用 webpack 部署 react 应用答案

【问题标题】：Deploying react app with webpack使用 webpack 部署 react 应用
【发布时间】：2016-10-07 13:00:24
【问题描述】：

我正在做一个关于 React 的教程，并且我已经制作了一个基于 react 的 youtube 克隆。现在我想将它上传到我的域（托管在 one.com），但它不起作用，因为找不到 bundle.js。相当明显，因为该应用程序需要运行“npm start”。

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

我一直不明白这一点，我想问一下：如何将 javascript/nodejs/webpack 网站部署到服务器？我在正确的轨道上吗？

我的项目就是基于这个starter：https://github.com/StephenGrider/ReduxSimpleStarter

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

webpack ./src/index.js bundle.js

上传到服务器

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

【问题讨论】：

你在部署之前捆绑了你的 webpack 吗？比如："deploy": "webpack --config webpack.config.production.js && [deployment script here]"
还是命令行中的webpack？这会吐出一个 bundle.js 文件

标签： javascript node.js reactjs deployment

【解决方案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

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

【讨论】：

我是一个新的反应蜜蜂。云你解释这个“部署”：“npm run package && [你的部署脚本]”？。