![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工程化
文章平均质量分 81
秋风_irwin
这个作者很懒,什么都没留下…
展开
-
肝了2天,把终端输出的彩色日志都搬到了浏览器上。
前言前段时间在使用 Travis CI 的时候发现它的部署日志包含了很多带色彩的日志。并且我们知道,在使用命令行终端的时候也会出现这些可爱的色彩。当然我不是为了吹它而吹它,它是有实际的作用的,能够帮助我们快速定位问题!对此我就产生了好奇,Travis CI 是怎么把这些彩色日志搬到浏览器的?我猜想肯定不是通过对关键字词特征识别来做的,因为那样太 low 了。进行了查询后,查到了一个终于查到了关键词,它就是 ANSI escape sequences。ANSI转义序列是带内信令的标准原创 2021-10-24 12:24:38 · 768 阅读 · 0 评论 -
Vite 打包体积分析,性能提升不再困扰
其实这个问题最好改成 rollup 打包体积分析,但是为什么我会取这个名字呢?其实这主要是由于我的习惯性引起的,因为太久没用一个东西,如果遇到问题,肯定会去围绕它自身去进行搜索。例如遇到 vite 打包分析相关问题,就会在 google 搜索,vite build analyzer然后就打开第一个 issues。然后才反应过来,哦,怎么把 vite 是用 rollup 打包给忘记了呢。这也许会被有些读者嘲讽,“Vite 用 rollup 打包,这都不会?”,但是对于这部分户读者,我想提个问题,高原创 2021-10-19 19:07:33 · 15308 阅读 · 2 评论 -
webpack性能优化-optimization.splitChunks.chunks中的“all“、“async“和“initial“
最初,chunks(以及内部导入的模块)是通过内部 webpack 图谱中的父子关系关联的。CommonsChunkPlugin 曾被用来避免他们之间的重复依赖,但是不可能再做进一步的优化。——摘自 webpack从 webpack v4 开始,移除了 CommonsChunkPlugin,取而代之的是 optimization.splitChunks。而关于 optimization.splitChunks 中的chunks,webpack 官方文档却没有很好的进行举例解释,只说明了 async.原创 2021-10-13 13:11:06 · 2584 阅读 · 2 评论