echarts按需引入

ECharts 是百度开源的一个基于 JavaScript 的数据可视化库，能够帮助用户快速地构建各种类型的图表。ECharts 库的体积比较大，如果一次性将整个库引入可能会导致网页加载速度较慢。

为了解决这个问题，ECharts 提供了按需引入的功能，即只引入需要使用的模块，而不是整个库。具体实现方法如下：

1. 安装 echarts 和 echarts-webpack-loader

npm install echarts echarts-webpack-loader --save-dev

2. 在 webpack 配置文件中添加 rules

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        loader: 'echarts-webpack-loader',
        options: {
          // 引入需要的 ECharts 模块
          modules: ['echarts/lib/chart/bar', 'echarts/lib/component/tooltip', 'echarts/lib/component/title'],
        },
      },
    ],
  },
};

3. 在 js 文件中引入 ECharts

import echarts from 'echarts/lib/echarts';
import 'echarts/lib/chart/bar'; // 引入需要使用的图表类型
import 'echarts/lib/component/tooltip'; // 引入需要使用的组件
import 'echarts/lib/component/title';

// 使用 ECharts
const myChart = echarts.init(document.getElementById('chart'));
myChart.setOption(option);

以上就是 ECharts 按需引入的基本步骤，需要注意的是，引入的模块需要根据实际需要进行调整，这样既能减少体积，又能提高网页加载速度。