如何将D3库导入到我的项目文件结构中

How do I import the D3 library into my project file structure?

本文关键字：我的 项目 文件结构 导入 D3      更新时间：2023-09-26

我尽量不依赖文件中的基本代码：

<script src="//d3js.org/d3.v3.min.js"></script>

我正在尝试将d3库包含在我的文件结构中。我在我的项目中创建了一个"libs"文件。以下是下载d3库的页面链接：https://github.com/d3/d3我的问题是，在从github下载了必要的文件后，我是否只需在libs文件夹中创建一个d3文件夹并将文件放在那里？如果是，我是引用特定的文件还是仅引用文件夹？

您必须包含D3的本地副本，如下所示：

<script src="libs/d3.v3.min.js"></script>

如果只使用D3，则无需创建单独的文件夹。如果你需要其他依赖项，可以这样使用：

    <script src="libs/d3/d3.min.js" charset="utf-8"></script>
    <script src="libs/d3/topojson.v1.min.js"></script>
    <script src="libs/d3/d3-queue.v2.min.js"></script>

导入其他人的代码有几种不同的方法。正如您所建议的，您可以下载最新版本并将d3.js或d3.min.js复制到lib/目录中，然后像这样导入：

<script src="lib/d3.min.js"></script>

或者，如果您使用的是像npm或bower这样的包管理器，您可以按照README中的建议使用它进行安装。还有一个资源展示了如何使用像Rollup这样的打包器将D3与所有其他库打包在一起。

相关文章：