通过 webpack 包含非模块化 D3 库扩展

【问题标题】：Including non-modularised D3 library extension through webpack通过 webpack 包含非模块化 D3 库扩展
【发布时间】：2017-07-17 16:27:07
【问题描述】：

我正在使用 webpack 开发一个项目。我成功使用了 D3 npm 包，使用以下代码使其可用：

import * as d3 from 'd3';

我想使用另一个依赖 d3 的 npm 包，让绘制饼图更容易 (https://www.npmjs.com/package/d3.chart.pie)。

这个包似乎没有使用任何类型的模块语法，它只是一个匿名函数。我使用它的最佳方式是什么？

【问题讨论】：

【解决方案1】：

你需要imports-loader:

import 'imports-loader?d3=d3!d3.chart.pie'

在加载时基本上会在d3.chart.pie 的代码前面写上var d3 = require('d3')。从那时起，您可以将包用作d3 本身的一部分。

如果您不想在 .js 文件中使用加载器语法导入包，可以在 webpack.config.js 中为 d3.chart.pie 创建别名

【讨论】：