javascript – ES6裸导入：如何使用,何时使用？

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语句.但是,如果这样做,似乎没有办法实际引用该模块.

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

解决方法:

对于副作用.例如(未经测试,仅限概念)：

// debug-keypresses.js

import $from 'jquery';

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

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

编辑：的确,正如loganfsmyth在评论中所指出的,这是导入’debug-keypresses’的一个例子,而不是来自’jquery’的import $.

标签：javascript,ecmascript-6,es6-module-loader
来源： https://codeday.me/bug/20190623/1272215.html