Skip to content

Latest commit

 

History

History
25 lines (16 loc) · 976 Bytes

01、如何在ts中使用D3.js.md

File metadata and controls

25 lines (16 loc) · 976 Bytes

01、如何在ts中使用D3.js

首先在ts模块中,D3别拆分了, 所以使用D3要安装多个模块
npm install d3@4 --save
npm install @types/d3-array @types/d3-axis @types/d3-scale @types/d3-selection --save-dev

使用方式:

import * as d3 from 'd3-selection'
import * as d3Scale from 'd3-scale'
import * as d3Array from 'd3-array'
import * as d3Axis from 'd3-axis'

本地使用d3 的时候,需要搭建webpack, 进行模块打包处理,原因是因为. 如果直接用 script : src 这种方式引入的模块,后缀必须是js结尾 但是我们在使用到d3的时候并没有这个方式结尾的文件,所以直接启动live-server会报错。

live-server 只适合本地使用非模块的项目;

如果让前台使用, 请选择使用webpack打包处理!

本项目采用webpack 多页打包配置项来打包的,具体配置可以看本项目根目录下面的webpack.config.js