如何使用ES6模块化在ECMAScript（纯JavaScript）中进行导入

Question

我读了这篇文章，想要使用只有import语句的D3.js（v4+）：

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

但是，由于代码输出是UMD（或参见此处），因此无法导入某些全局变量未定义的内容。例如，ES6无法解决node_modules中的绝对名称，而原始格式不支持没有扩展名的导入语句，如：

import * as someFeature from './myAwesomeModule';

这是导入模块的格式，每天都在不断发展 如你所见。

我今天如何使用导入语句而无需任何插件？

- Bruno Ochotorena

Answer 1

您可以这样导入d3： import * as d3 from 'd3'; 更多信息请参见https://github.com/d3/d3/blob/master/README.md#installing。

- Emma Lewis

---

感谢您回答我的问题，但这在原生环境中不起作用，因为浏览器无法找到没有路径的模块，只能使用其他插件，如roll-up或webpack，就像您提供的链接所示。 - Bruno Ochotorena