情绪羊

在通过视频剪辑软件编辑完视频之后，我们通常会思考如何归档素材。最简单的方式就是将编辑器轨道上的视频片段批量导出。但剪映专业版目前并不支持这个功能，于是...

也许你会觉得但凡涉及到抽象语法树（AST），必定是高深莫测的。殊不知，我们每天都在打交道的 typescript 就是一个非常便捷的解析器。

结合业务实际，梳理列划分的技巧和坑点，帮助大家深入认识 grid 布局。涉及到的高频 CSS 属性值可以说相对冷门但又极为常用。

组件库开发时，通常涉及多入口，但是 Vite 并没有提供相关配置让我们将 css 和对应的入口关联起来。基于这个背景，我们需要编写一个插件来进行样式注入，这样就不用再关心样式和入口的关系了。

近期团队内部做Vite迁移时，发现老项目中存在一些稀奇古怪的依赖，它们提供的构建产物并不彻底，留下了一些特殊语法，这些特殊语法假定了用户使用的构建工具是 Webpack，这直接导致迁移到Vite后崩溃

当动态导入的路径中包含变量时，经过 AST 分析可以生成对应的通配符。在构建的时候，这些通配符将被用于抓取匹配的文件。随后这些文件会被添加进构建体系中，在运行时，根据导入的实际路径返回对应的文件内容。

ESLint 基于规则对代码进行约束，或抛出问题和警告，或提供一键修复功能。其繁荣的社区生态提供了众多优秀的预设配置方案，我们可以引用这些优秀方案，并加以修改，快速定制出一份团队或个人的专属配置。

字符串联合类型和string求并集的时候，不想丢失类型提示又想具备一定的灵活性应该怎么办？可以通过名义类型，为原始类型string赋予名义，在不影响它使用的情况下，收窄范围，从而达成我们想要的效果。

折返时需还原页面状态，你还在通过手动方式控制吗？大可不必，通过VueRouter与KeepAlive的巧妙结合，我们可以快速实现页面缓存功能而几乎不用更改原有代码，开发体验用户体验均有不错表现。