javascript - Node : How to prepare code for production environment

Question

我是使用 Nodejs 和 React 进行开发的初学者。

现在，我的 Web 应用程序的第一个版本可以在开发环境中正常运行，但我正在尝试为生产环境构建一个版本，但我遇到了这个错误

ReferenceError: document is not defined

我的 package.json 的脚本是:

  "scripts": {
    "dev-webpack": "webpack-dev-server --hot --mode development",
    "clean": "rm -rf ./dist",
    "dev": "npm run build-dev && cross-env NODE_ENV=development nodemon --exec babel-node src/server/server.js --ignore ./src/client",
    "build-dev": "npm run clean && npm run compile-dev",
    "compile-dev": "NODE_ENV=development webpack -d --config ./webpack.config.babel.js --progress",    
    "compile": "NODE_ENV=production webpack -p --config ./webpack.config.babel.js --progress",
    "build": "npm run clean && npm run compile",
    "start": "npm run build && node ./dist/assets/js/bundle.js"
  },

然后我尝试使用命令 npm run start

为生产环境创建版本

我一直在寻找有关该问题的信息，似乎是因为我没有 Browserify 我的 Web 应用程序。但是，我不知道如何正确执行此操作，也不知道正确执行此操作的步骤。

我正在寻找为生产环境构建正确版本所需的步骤列表。

编辑一:

这些是使用“构建”脚本生成的静态文件:

Answer 1

React 应用程序旨在在浏览器中运行。

当您运行 dev-webpack 时，您正在运行一个 HTTP 服务器并将浏览器指向它。

当您运行 build 时，您正在创建一个静态 JavaScript 文件。您需要将其部署到 Web 服务器(连同关联的 HTML 文档)，然后将浏览器指向 HTML 文档。

您当前正在尝试使用 Node 而不是浏览器执行 bundle.js。