安装

通过以下命令安装稳定版本的 Redux:

npm install redux

以上假设你使用的是 npm 作为你的软件包管理工具。

如果你用的不是 npm,则可以 通过 unpkg 访问这些文件,然后下载这些文件或将你的软件包管理工具指向它们。

常见情况是,人额将 Redux 作为 CommonJS 模块的集合。这些模块是在 WebpackBrowserify 或 Node 环境中导入(import)redux 时获得的。如果你想使用 Rollup,我们也同样支持。

如果你不使用模块打包工具,当然没问题。redux 软件包包含了预编译的生产和开发环境可用的 UMD 格式 构建的文件,并被放在了 dist 目录下。它们无需打包工具即可直接使用,因此与许多流行的 JavaScript 模块加载器和环境兼容。例如,你可以在页面上通过 <script> 标签 加载以 UMD 格式构建的文件,或者 告诉 Bower 来安装它。 UMD 格式的构建让 Redux 可以作为 window.Redux 全局变量来使用。

The Redux 源码是使用 ES2015 语法编写的,但是我们将 CommonJS 和 UMD 格式构建的文件都预编译为 ES5 语法,因此它们可以在 任何现代浏览器 中工作。你不需要使用 Babel 或模块打包工具 才能使用 Redux

配套的软件包

最可能的是,你还需要 React 绑定 以及 开发者工具

npm install react-redux
npm install --save-dev redux-devtools

请注意,与 Redux 本身不同,Redux 生态系统中的许多软件包都不提供 UMD 格式的构建,因此我们建议使用 CommonJS 模块打包工具,例如 WebpackBrowserify 以获得最舒适的开发体验。

创建 React Redux 应用程序

基于 React 和 Redux 创建一个新的应用程序的推荐方式是使用针对 Create React App官方 Redux+JS 模板,它利用了 Redux Toolkit 以及 React Redux 与 React 组件的集成的优势。

npx create-react-app my-app --template redux