情绪羊

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

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

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

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

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

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

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

在vue的组件化开发过程中，透传几乎必不可少，在创建高级组件时非常有用。合理利用透传可以大幅提升高级组件开发效率，同时也能降低组件的维护成本，用更少的代码却能实现更多的事情，何乐而不为呢？

本文将从源码角度分析介绍如何在Vue2/3中为一个已经创建的VNode节点添加属性和事件，并浅析其应用场景。