如何使用 ECMAScript (vanilla javascript) 和模块 es6 导入

Question

我读了这篇post并且我想使用D3.js（v4+）仅使用这样的导入语句：

import { selection } from '../node modules/d3/build/d3.js';

但是，因为代码输出是 UMD （或读取 this）并且无法导入，因为某些全局变量未定义，并且 ES6 无法解析

node_modules

中的绝对名称，并且 vanilla 不支持导入不带扩展名的语句如下：

import * as someFeature from './myAwesomeModule';

这是导入模块的模式，每一天都在成长就像你在这里看到的。

今天我如何在没有任何插件的情况下使用 import 语句？

Answer 1

您可以像这样导入 d3：

import * as d3 from 'd3';