Question

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

import React from 'react'; // Import the default export from a module.
import { Component, PropTypes } from 'react'; // Import named exports from a module.
import * as Redux from 'react-redux'; // Named import - grab everything from the module and assign it to "redux".

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

import 'react';

看起来ES6支持'裸导入'，因为这是一个有效的import语句。但是，如果这样做，似乎无法实际引用该模块。

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

Answer 1

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

// debug-keypresses.js

import $ from 'jquery';

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

你不关心这里的任何出口;仅仅导入这个文件应该设置按键记录，所以你只需要进行裸导入。

编辑：的确，正如loganfsmyth在评论中所指出的，这是import 'debug-keypresses'的示例，而不是import $ from 'jquery'。

ES6裸导入：如何使用，何时使用？

1 个答案: