共计 388 个字符，预计需要花费 1 分钟才能阅读完成。
问题：项目最初没有使用按需加载，直接引入了 echarts 和 element-ui，打包项目会包含使用不到的模块，chunk 包过大，如图：
解决方案：引入按需加载插件，babel-plugin-component、babel-plugin-equire，做项目优化
解决步骤：
查看不包含 echarts，element-ui 的项目代码，打包大小
查看不做按需加载，只引入 echarts 的打包大小
配置 babel-plugin-equire，在 @/lib/echarts.js 中添加，需要引入的 echarts 组件，引入按需加载 echarts 后的打包大小
查看不做按需加载，只引入 element-ui 的打包大小
配置 babel-plugin-component，按需加载，element-ui 后的打包大小
如上，引入按需加载后，echart 约缩小了 424kb，element-ui 约缩小了 590kb。
正文完