如何将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 。