[前端] 每日时报-2019.05.22

[wubaiqing]

[每日时报] 2019.05.22

https://github.com/wubaiqing/zaobao

[类库] 将字节转换成可以读的字符串，比如 1337 个字节，会显示成 1.34 KB：https://github.com/sindresorhus/pretty-bytes

[类库] Webpack 打包后，可以和上一次打包的文件进行对比，看看本次打包增加了多大的存储空间：https://github.com/GoogleChromeLabs/size-plugin

[工具] 在 GitHub README 下方显示 NPM 的依赖信息，对阅读源码来说很有用，我是习惯先从 package.json 文件入手：https://github.com/npmhub/npmhub

[工具] Refined GitHub 是一个 Chrome 扩展，访问 GitHub 网站时，改进原网站的一些特性：https://github.com/beizhedenglong/weird-fonts

示例 - 将字节转换成可以读的字符串

const prettyBytes = require('pretty-bytes');

prettyBytes(1337);
//=> '1.34 kB'

prettyBytes(100);
//=> '100 B'

// Display file size differences
prettyBytes(42, {signed: true});
//=> '+42 B'

// Localized output using German locale
prettyBytes(1337, {locale: 'de'});
//=> '1,34 kB'

配图 - 查看 Webpack 包大小

配图 - 在 GitHub README 下方显示 NPM 的依赖信息

配图 - Refined GitHub

今日图 - 黑色的耐脏，有理有据