性能优化

背景 公司将统一用户中心提取为 两个模块的组件User Permissions和 User information提取为 npm包。供给公司其他部门进行统一用户中心登录。本次主要说明下优化包的体积过大

其实优化的主要难点还是从哪里开始去优化，如果不清楚自己的项目问题出现在哪里，就显得比较盲目，不知道优化哪里，那在优化之前我们先分析一下我文件依赖

1.优化 babel-loader 在babel-loader后加cacheDirectory，开启缓存， 没有改动的es6代码会启用缓存，不会重新编译

1、使用CDN 2、减少外部http协议 3、使用预获取 4、压缩HTML、CSS和JavaScript 5、优化图片

主要包括网络加载类、页面渲染类、CSS优化类、JavaScript执行类、缓存类、图片类、架构协议类等几类；

目的 缩小项目打包体积，提高页面加载速度 1、对于第三方js库的优化，分离打包 2、配置js文件体积更小化 3、图片压缩 4、开启gizp压缩 5、路由懒加载

一、关于取值 二、关于合并数据 三、关于拼接字符串 四、关于if中判断条件 五、关于列表搜索 六、关于扁平化数组 七、关于获取对象属性值 八、关于添加对象属性 九、关于输入框非空的判断 十、关于异步函