如何防止導入ES2015中不存在的名稱？

/* index.js */ 
import { React } from 'react'; 
import { USER, ORDER } from './StaticVariable'; 
class AgentList extends React.Component { 
    render() { 
    const useInfo = USER; 
    const orderId = ORDER; 
    return <Info useInfo={useInfo} orderId={orderId} /> 
    } 
} 

/* StaticVariable.js */ 
export const ORDER = 12347600;

似乎babel-loader不會拋出錯誤。並且該頁面也不會控制錯誤。我應該怎麼做才能避免導入未定義的模塊或變量？使用eslint？如何防止導入ES2015中不存在的名稱？

來源

2017-05-25 Fishfaceeast

使用一個編輯器來指出這些錯誤給你。你在用什麼編輯器？ – 2017-05-25 07:41:53

這個eslint插件完全符合你的需求：eslint-plugin-import。

您可以安裝它：

npm install eslint-plugin-import -g

而且在.eslintrc配置插件：

{ 
    ... 
    "extends": [ 
    ... 
    "plugin:import/errors", 
    "plugin:import/warnings" 
    ], 
    "plugins": [ "import" ], 
    "rules": { 
    "import/named": 2, 
    "import/default": 2 
    ... 
    } 
}

規則，你需要使用有：

確保命名進口對應於指定出口在遠程文件中。（named）

在給定默認導入的情況下，確保存在默認導出。（default）

來源

2017-05-25 07:09:26 madox2

如何防止導入ES2015中不存在的名稱？

回答

相關問題