项目打包优化

共计 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。