在heroku上部署React-Redux webpack

在Heroku上部署React-Redux webpack可以通过以下步骤完成：

1. 确保你已经安装了Node.js和npm，并且已经在本地开发环境中成功运行了React-Redux webpack项目。
2. 在项目根目录下创建一个名为Procfile的文件，该文件用于指定Heroku在部署时要运行的命令。在Procfile中添加以下内容：

web: npm start

这将告诉Heroku在部署时使用npm start命令来启动应用程序。

1. 在项目根目录下创建一个名为package.json的文件（如果尚未存在），并确保其中包含以下内容：

{

 "name": "your-app-name",

 "version": "1.0.0",

 "scripts": {

   "start": "webpack-dev-server --mode production",

   "build": "webpack --mode production"

 },

 "dependencies": {

   "react": "^16.0.0",

   "react-dom": "^16.0.0",

   "react-redux": "^7.0.0",

   "redux": "^4.0.0",

   "webpack": "^4.0.0",

   "webpack-cli": "^3.0.0",

   "webpack-dev-server": "^3.0.0"

 }

}

确保所有依赖项都正确地列在dependencies部分中。

1. 打开终端，并使用cd命令导航到项目根目录。
2. 运行以下命令来安装所有依赖项：

npm install

1. 运行以下命令来构建项目：

npm run build

这将使用Webpack将React-Redux项目打包到dist文件夹中。

1. 使用以下命令将项目初始化为Git仓库：

git init

1. 创建一个新的Heroku应用程序。你可以使用Heroku CLI或Heroku网站来完成此操作。
2. 将你的代码提交到Git仓库，并将其推送到Heroku应用程序的远程仓库：

git add .

git commit -m "Initial commit"

git remote add heroku <heroku-git-url>

git push heroku master

替换<heroku-git-url>为你的Heroku应用程序的Git URL。

1. 等待部署完成后，你可以通过访问你的Heroku应用程序的URL来查看部署的React-Redux webpack应用程序。

以上步骤将帮助你在Heroku上成功部署React-Redux webpack应用程序。请注意，这只是一个基本的部署过程，你可能需要根据你的项目的具体要求进行一些调整和配置。