如何正确地使用JavaScript类库

原文信息: 查看原文查看原文

How To Use Correctly JavaScript Utility Libraries

- Dmitri Pavlutin

随着大家使用ReactVueAngular等制作越来越多地JavaScript App,很多项目会变得越来越臃肿,导致JavaScript Bundle文件变得越来越大,作者通过几个关键点来分析如何正确地使用JavaScript,减少由于JavaScript类库的增加导致的bundle文件的变大。

文中大致可总结为以下几点:

  • 拇指规则。尽量使用已有类库,避免造轮子,且已有类库不会出问题的概率更低,质量和稳定性会更高;
  • 按需引入,当你只需要其中一个方法时,不要全部都引入并全部打包;
  • 不要过分依赖类库,如果过分依赖雷克,会承受因API变动、bug或维护等问题的风险;
  • 精选一些方法;
  • ES2015中的模块(module)支持tree shaking
  • 专注于小模块,比如可以用npm单独引入loadsh中的debounce作为项目依赖;
  • 使用Webpack Bundle Analyzer分析bundle文件大小,分析可优化的引入类库;

通过上面一些措施,可以有效抵降低你的项目bundle文件大小,赶紧去你的项目中试试吧。

分享于 2020-01-07

访问量 920

预览图片