本篇文章主要介绍了vue.js组件化开发实践，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

项目现状 项目是一个数据监测平台，引入了ehcart和three.js 负责项目的数据可视化；打包后，体积高达2.1M，这个体积相比于我的项目规模来说就显得稍有笨重了 使用webpack-bundle-analyzer分析了一下各个文件所占用的比例： 整个项目文件分布大体清晰了，现在开始优化走起！ 优化思路 根据 wba的显示，第三方插件是大部头，包括three.js echart组件和elementUI组件。 three.js优化空间不大,主要关注另外两个上面。 echarts 根据我的项目

前言 公司目前制作一个H5活动，特别是有一定统一结构的活动，都要码一个重复的轮子。后来接到一个基于模板的活动设计系统的需求，便有了下面的内容。借油开车。 组件化 需求一到，接就是怎么实现，技术选型自然成为了第一个问题。鉴于目前web前端mvvm框架以及组件化开发方式的流行，决定技术栈采用：vue + es6 + 组件化。 这里首先简单说下web前端组件化开发方式的历程： 最早的组件化结构，代码结构可能如下： - lib/components/calendar |- calendar.css