2017-08-07 103 views
1

我目前正在学习反应,我有一个应用程序使用webpack,巴贝尔和反应。看起来反应有两种方式使用requiredimport来编写它。它似乎还有更多关于使用import的文档。我如何更改堆栈以使用导入版本?反应使用导入与要求

+0

我想你想知道'require'和'import'之间的区别。 –

+0

这可能会帮助你https://stackoverflow.com/questions/31354559/using-node-js-require-vs-es6-import-export –

回答

3

importexport声明是ES6标准。现在,您的设置很可能会使用Babel将其转换为ES5。您可以使用其中一种,但导入/导出即将成为标准,因此建议采用。

+0

感谢您的帮助! – Jamie

0

import是ES6(或ES2015)标准。要使用它,您需要安装并激活babel中的预设。

遵循以下步骤:

  1. 转到您的项目文件夹,然后键入:npm install --save-dev babel-cli babel-preset-env
  2. 创建一个名为.babelrc文件(如果您尚未创建一个),然后插入该行:

    { 'presets': ['env', 'react'] }

我假设你已经安装在W ebpack与babel一起工作。