2017-08-07 54 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一起工作。