mpvue开发样式问题

问题

mpvue开发的应用，在打包的过程中，明明源代码的体积不大，却发现生成的代码文件体积过大，而小程序不允许上传的代码多余5m，因此在用mpvue开发小程序时，需要注意代码规范问题。

问题分析

在mpvue开发中，免不了使用组件，当然组件是很便利的。但是查看生成后的组件代码，发现一个组件在多次调用后，会生成多份的代码，包括样式、元素和js，那么如何减小生成后的代码包大小，就可以从组件入手。

解决方案

分析生成的代码后，发现只要引入组件中的样式，不管用不用得到，组件调用后，都会被编入代码中，于是删除组件中无效的代码就可以完成缩小打包后代码大小的任务。
注意点如下：
1、不要在组件中引入无用的css
2、组件中不要出现无效的代码
3、组件中要用的css，最好单独编写
4、多处调用的css最好越精简越好

总结

通过以上方法正常可以生成一个理想大小的代码包，如果业务实在复杂，功能点很多造成编译后的代码量过大，那么请选择分包的方式解决。