如何使用带有模块 es6 的 ECMAScript (vanilla javascript) 导入答案

【问题标题】：How to import with ECMAScript (vanilla javascript) with modules es6如何使用带有模块 es6 的 ECMAScript (vanilla javascript) 导入
【发布时间】：2017-11-16 14:14:37
【问题描述】：

我读了这个post，我想使用 D3.js (v4+)，只使用这样的 import 语句：

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

但是，因为代码输出是UMD（或阅读this）并且由于某些全局变量未定义而无法导入，并且ES6无法解析node_modules中的绝对名称，例如香草不支持不带扩展名的导入语句，如下所示：

import * as someFeature from './myAwesomeModule';

这是导入模块的模式，每天都在成长like you see here。

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

【问题讨论】：

标签： javascript d3.js umd

【解决方案1】：

你可以像这样导入 d3：

import * as d3 from 'd3';

在此处查看更多信息：https://github.com/d3/d3/blob/master/README.md#installing

【讨论】：

感谢您回答我的问题，但这在 vanilla 中不起作用，因为浏览器无法找到没有路径的模块，只能使用其他插件（如您的链接显示的 roll-up 或 webpack）。