首先在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