如何通过vue-webpack项目优化实践实现高效开发？

本文共计599个文字，预计阅读时间需要3分钟。

项目现状：项目是一个数据监控平台，集成了ehcart和three.js，负责项目数据的可视化；打包后，体积高达2.1M，这个体积相较于我的项目规模来说显得有些庞大。

项目现状

项目是一个数据监测平台，引入了ehcart和three.js 负责项目的数据可视化；打包后，体积高达2.1M，这个体积相比于我的项目规模来说就显得稍有笨重了

使用webpack-bundle-analyzer分析了一下各个文件所占用的比例：

整个项目文件分布大体清晰了，现在开始优化走起！

优化思路

根据 wba的显示，第三方插件是大部头，包括three.js echart组件和elementUI组件。
three.js优化空间不大,主要关注另外两个上面。

echarts

根据我的项目需求，echart主要用到的是linechart，其他图表不需要。而在开发过程中，我把整个echart都引用进来，其实是很没有必要的。