node.js (ES6 / Babel) 中 import X 和 import * as X 的区别？

Question

我有一个用 ES6 编写的 node.js 库lib （用Babel编译），我在其中导出以下子模块：

"use strict";

import * as _config from './config';
import * as _db from './db';
import * as _storage from './storage';

export var config = _config;
export var db = _db;
export var storage = _storage;

如果从我的主项目中包含这样的库

import * as lib from 'lib';
console.log(lib);

我可以看到正确的输出，它按预期工作{ config: ... } 。 但是，如果我尝试包含这样的库：

import lib from 'lib';
console.log(lib);

它将是undefined 。

有人可以解释这里发生了什么吗？ 这两种导入方法不应该是等效的吗？ 如果没有，我缺少什么区别？

Answer 1

import * as lib from 'lib';

正在请求一个对象，其中包含所有命名为“lib”的导出。

export var config = _config;
export var db = _db;
export var storage = _storage;

被命名为导出，这就是为什么你最终得到一个像你一样的对象。

import lib from 'lib';

要求default导出lib 。 例如

export default 4;

将使lib === 4 。 它不获取命名的导出。 要从默认导出中获取对象，您必须明确地执行

export default {
  config: _config,
  db: _db,
  storage: _storage
};

Answer 2

只是添加到Logan 的解决方案中，因为理解带括号的导入，* 并且没有为我解决问题。

import * as lib from 'lib';

相当于：

import {config, db, storage} as lib from 'lib';

其中 * 类似于从 lib 导入所有export var的通配符。

export var config;
export var db;
export var storage;

或者，使用：

import lib from 'lib';

允许您仅访问默认导出：

// lib.js
export default storage;

使用 {} 也仅从模块导入特定组件，这减少了 Webpack 等打包程序的占用空间。

尽管：

import storage, { config, db } from './lib'

将导入所有模块，包括export default storage;

请参阅 Dan Abramov 的回答： 何时应使用花括号进行 ES6 导入？

Answer 3

import X from Y; 是一种语法糖。

import lib from 'lib';

等于

import { default as lib } from 'lib';