如何將Redux添加到使用Create-React-App創建的React項目中？

Question

我用Create-React-App創建了一個React項目。 package.json文件顯示：

{
  "name": "dashboard",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.5.4",
    "react-dom": "^15.5.4"
  },
  "devDependencies": {
    "react-scripts": "1.0.7"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

如何添加Redux？ 我運行什么命令將其安裝到我的node_modules中？

Answer 1

添加redux的npm命令為：

npm install --save redux

這將通過添加redux作為依賴項來修改package.json文件，並將該包下載到node_modules目錄。

之后，您的package.json文件將如下所示：

{
  "name": "dashboard",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.5.4",
    "react-dom": "^15.5.4",
    "redux": "^3.6.0"
  },
  "devDependencies": {
    "react-scripts": "1.0.7"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

您還可以自己添加帶有redux的行（在dependencies下）。

如果這樣做，則必須隨后運行npm install ，以便將redux軟件包添加到您的node_modules 。