ES6 Bare Import：如何使用以及何时使用？

ES6 允许我们使用新的导入语法。使用它，我们可以将模块导入到我们的代码中，或者这些模块的一部分。使用示例包括：

// Import the default export from a module.
import React from 'react'; 

// Import named exports from a module.
import { Component, PropTypes } from 'react'; 

// Named import - grab everything from the module and assign it to "redux".
import * as Redux from 'react-redux'; 

但是，我们还有这个谜团：

import 'react';

看起来 ES6 支持裸进口，因为这是有效的导入语句。然而，如果这样做了，似乎就没有办法实际引用该模块了。

我们将如何使用它，为什么？

为了副作用。例如（未经测试，仅概念）：

// debug-keypresses.js

document.addEventListener('keypress', evt => {
  console.log("KEYPRESS:", evt.which);
});

// Another file, the below line is called bare import
import 'debug-keypress' 

你不关心这里的任何出口；仅仅导入该文件就应该设置按键记录，因此您只需要简单的导入即可。