d3-fetch 项目教程

d3-fetch 项目教程

d3-fetchConvenient parsing for Fetch.项目地址:https://gitcode.com/gh_mirrors/d3/d3-fetch

1. 项目的目录结构及介绍

d3-fetch 项目的目录结构如下：

d3-fetch/
├── src/
│   ├── index.js
│   ├── json.js
│   ├── csv.js
│   ├── tsv.js
│   └── text.js
├── test/
│   ├── json.js
│   ├── csv.js
│   ├── tsv.js
│   └── text.js
├── .eslintrc.json
├── .gitignore
├── LICENSE
├── README.md
├── package.json
├── rollup.config.js
└── yarn.lock

目录介绍

• src/：包含项目的主要源代码文件。
  • index.js：项目的入口文件。
  • json.js、csv.js、tsv.js、text.js：分别处理 JSON、CSV、TSV 和文本数据的文件。
• test/：包含项目的测试文件。
  • json.js、csv.js、tsv.js、text.js：分别对应各个数据类型的测试文件。
• .eslintrc.json：ESLint 配置文件。
• .gitignore：Git 忽略文件配置。
• LICENSE：项目许可证文件。
• README.md：项目说明文档。
• package.json：项目依赖和脚本配置文件。
• rollup.config.js：Rollup 打包配置文件。
• yarn.lock：Yarn 锁定文件，用于确保依赖版本一致。

2. 项目的启动文件介绍

项目的启动文件是 src/index.js。这个文件是 d3-fetch 模块的入口点，负责导出各个数据处理函数。

export {default as json} from "./json.js";
export {default as csv} from "./csv.js";
export {default as tsv} from "./tsv.js";
export {default as text} from "./text.js";

3. 项目的配置文件介绍

package.json

package.json 文件包含了项目的基本信息和依赖配置。

{
  "name": "d3-fetch",
  "version": "3.0.1",
  "description": "Convenient parsing for Fetch",
  "keywords": [
    "d3",
    "d3-module",
    "fetch",
    "json",
    "csv",
    "tsv"
  ],
  "license": "ISC",
  "author": "Mike Bostock",
  "main": "dist/d3-fetch.js",
  "module": "src/index.js",
  "unpkg": "dist/d3-fetch.min.js",
  "jsdelivr": "dist/d3-fetch.min.js",
  "repository": {
    "type": "git",
    "url": "https://github.com/d3/d3-fetch.git"
  },
  "scripts": {
    "pretest": "rollup -c",
    "test": "tape 'test/**/*-test.js' && eslint src",
    "prepublishOnly": "rm -rf dist && yarn test",
    "postpublish": "git push && git push --tags && zip -j dist/${npm_package_name}-${npm_package_version}.zip -- LICENSE README.md dist/${npm_package_name}.js dist/${npm_package_name}.min.js"
  },
  "dependencies": {
    "d3-dsv": "^3.0.1"
  },
  "devDependencies": {
    "eslint": "^8.0.0",
    "rollup": "^2.0.0",
    "rollup-plugin-terser": "^7.0.0",
    "tape": "^5.0.0"
  }
}

rollup.config.js

rollup.config.js 文件是 Rollup 的配置文件，用于打包项目。

import {terser} from "rollup-plugin-terser";

export default {
  input: "src/index.js",
  output: {
    file: "dist/

d3-fetchConvenient parsing for Fetch.项目地址:https://gitcode.com/gh_mirrors/d3/d3-fetch