javascript - 没有requirejs如何使用redux？

Question

我尝试将 Redux 与 Reactjs 一起使用，但失败并出现以下错误:

Uncaught ReferenceError: require is not defined

我正在尝试像这样包含 React 和 Redux:

在index.html head标签中

<script src="https://npmcdn.com/react-dom@15.3.0/dist/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.16/browser.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="/redux.min.js"></script>
<script src="/react-redux.min.js"></script>

但是当我这样做时(来自 redux 网站):

import { createStore } from 'redux';

我收到错误，如果我没有该语句，那么当我尝试使用它时，我会收到 createStore 不存在的错误。

如何在没有 requirejs 的情况下使用 redux + React ？

Answer 1

该网站使用 ES6 语法，目前主流浏览器尚未实现该语法。您需要使用 babel 添加一个编译步骤，这会将所有 javascript 输出到一个 bundle.js 文件中，包括您的代码、react、redux 和所有其他依赖项。

如果您想使用 React 和 Redux，那么学习如何设置工作流程以使用 ES6 语法更有意义。您可以考虑使用 create-react-app 作为基础，并从那里添加 redux 支持:

npm install -g create-react-app
create-react-app newReduxApp
npm install --save redux
npm start

然后进入 App.js 并添加 createStore。因为create-react-app已经使用babel为你设置了ES6编译，所以你将能够使用ES6语法。

如果您不想使用 ES6 语法，则在不首先将其更改为 ES5 语法的情况下，您将无法使用网络上的大量文档。使用http://redux.js.org/docs/api/作为引用，您的行将是:

var createStore = Redux.createStore