随着大家使用React
,Vue
或Angular
等制作越来越多地JavaScript App
,很多项目会变得越来越臃肿,导致JavaScript Bundle
文件变得越来越大,作者通过几个关键点来分析如何正确地使用JavaScript
,减少由于JavaScript
类库的增加导致的bundle文件的变大。
文中大致可总结为以下几点:
- 拇指规则。尽量使用已有类库,避免造轮子,且已有类库不会出问题的概率更低,质量和稳定性会更高;
- 按需引入,当你只需要其中一个方法时,不要全部都引入并全部打包;
- 不要过分依赖类库,如果过分依赖雷克,会承受因API变动、bug或维护等问题的风险;
- 精选一些方法;
ES2015
中的模块(module)
支持tree shaking
;- 专注于小模块,比如可以用
npm
单独引入loadsh
中的debounce
作为项目依赖; - 使用
Webpack Bundle Analyzer
分析bundle
文件大小,分析可优化的引入类库;
通过上面一些措施,可以有效抵降低你的项目bundle
文件大小,赶紧去你的项目中试试吧。