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

Question

我试图不依赖于我的文件中的基本代码：

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

我想在我的文件结构中包含d3库。我创建了一个＆＃34; libs＆＃34;我的项目中的文件。这是下载d3库页面的链接：https://github.com/d3/d3我的问题是从github下载必要的文件后，我只是在我的libs文件夹中创建一个d3文件夹并将文件放在那里？如果是这样，我会引用特定文件还是只引用文件夹？

Answer 1

您必须包含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>

Answer 2

导入其他人的代码有几种不同的方法。您可以按照建议下载latest release并将d3.js或d3.min.js复制到lib/目录中，然后将其导入：

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

或者，如果您正在使用npm或bower等软件包管理器，则可以按照自述文件中的建议使用它进行安装。还有一个资源显示如何使用像Rollup这样的捆绑器将D3与所有其他库打包在一起。