echarts自动引入

如果你使用的是基于webpack构建的项目，可以在webpack配置文件中进行配置，使用webpack自动引入echarts库。具体步骤如下：

1. 安装echarts和echarts-loader

npm install echarts echarts-loader --save

2. 在webpack配置文件中进行配置

const path = require('path');
const EChartsWebpackPlugin = require('echarts-webpack-plugin');

module.exports = {
  // ...其他配置
  plugins: [
    new EChartsWebpackPlugin({
      echarts: 'echarts',
    }),
  ],
  resolve: {
    alias: {
      echarts$: 'echarts/dist/echarts.min.js',
    },
  },
};

在上述代码中，我们通过配置EChartsWebpackPlugin插件来自动引入echarts库，同时使用resolve.alias来指定echarts的路径。

3. 使用echarts

现在你可以在你的代码中直接使用echarts了，无需手动引入。例如：

import ReactEcharts from 'echarts-for-react';

class MyComponent extends React.Component {
  render() {
    return (
      <ReactEcharts
        option={{ /* echarts 配置 */}}
      />
    );
  }
}

这样就可以自动引入echarts库了。