在某个前端项目中，存在对内网私有仓库维护和发布的 npm 包依赖。 现在该项目需转移至无法访问私有仓库环境的外部云平台上，进行持续集成构建和部署，会发生私有包无法下载而失败的问题。 下面基于当前主流的包管理器 npm、yarn 和 pnpm 分别探讨可用的解决方案。其中私有仓库 scope 以 @lzwme 作为示例。 1 使用 npm 的私有包离线化安装方案 npm 支持以 file: 协议的方

@lzwme/m3u8-dl 是一个基于Node.js开发的支持多线程并发批量下载M3U8视频的命令行工具，其最基本的功能是可以根据给定的一个或多个M3U8链接进行多线程的并发下载，然后转换为 mp4 格式，同时也支持 API 方式调用。

M3U8 格式文件是一个纯文本文件，它是 HLS 协议规范的一部分，遵循 HLS 协议定义的在线多媒体播放列表（Playlist）规范。

四月份向 QCon 2023 广州站主办方提交了一个演讲主题《广发证券投易通客户端的前端架构演进与实践》，有幸被专题出品人选中。由于对外演讲稿需经公司合规审核流程，在前期主办方收集信息时选择了 PPT 及演讲视频不可公开。后面合规审核通过后，跟编辑邓邓反馈了 PPT 可以公开，但可能是因为当时大会已举办完成，官网上并未继续公开相关内容，这里在文末尾提供了当时的演讲稿 PDF 版。 本文并不打算对演

本文对 unpkg 的服务和实现原理作了简单介绍，并提供了私有化部署的 fork 修改方案参考。希望能对有此类需求的同学提供一定的帮助。

echarts 的柱状图类型，配置了 stack 项时，可以实现为柱状堆叠图的效果。近期在某个使用 echarts 4 的项目中，测试同学反馈出现了溢出现象，即部分数据不可见。下图是在官方示例中进行的还原，可以看到第一列的最后一个数据 100 因为溢出而不可见： 经过观察其表现分析可以初步看出，由于设置了 barMinHeight 参数，当存在较多的小数据值时，该设置会导致堆叠图有较大部分的空间预

这是一篇升级 Angular 13后遇到的问题实践经验与总结。主要包括了开发模式下构建速度慢的原因分析与解决和自定义 webpack 配置 dll 支持的方法。

在复杂的后台类系统中，为了简单的接入祖传项目、外部不可控页面时，iframe 是一个较为简单合适的方案。 在域名相同的情况下，可以很简单的通过 $iframe.contentWindow.location.reload(true) 方法，强制刷新 iframe 页面。 当域名不同时，由于同源策略的限制，该 API 变为不可用。此时可用的刷新方案有两种： 调用 replace API： $ifram

在对一个庞大的 Angular 项目进行构建优化时，为其增加了 webpack dll 配置。但是执行后发现 dll 没有生效，配置在 dll 中的依赖仍然会被打包在运行时 chunks 当中。 经过调试 DllReferencePlugin 发现 manifest 中的路径似乎不太对。打开 manifest.json 文件，发现其中的依赖路径都是类似这样的： \"content\":{\"../nod

不要将开发模式的调试代码带到生产环境，否则你的实现方式可能是存在安全隐患的。本文主要介绍了可能给生产环境提供调试“后门”的方式，以及基于环境变量、魔术常量、以及`strip-loader`构建工具插件实现对非当前环境的调试代码进行清理的几种方法与原理，并分析了他们各自的优缺点。