webpack+echart创建可视化Demo

步骤一：

找到一个空目录：执行一下命令：

npm init -y

步骤二：

安装webpack相关依赖：

cnpm i -D webpack webpack-cli

安装完成后package.json：

{
  "name": "ecarts-webpack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^5.27.2",
    "webpack-cli": "^4.5.0"
  }
}

步骤三：

安装echarts:

cnpm i -S echarts
//相当于 cnpm install echarts --save，会将echarts最新的稳定版本安装到node_modules目录下

cnpm install echarts@4.7.0 --save
//表示安装指定版本的echarts

步骤四：

编写代码