前段时间，一不小心发力过猛就改造了一款vscode插件。 起因 在搭建前端架构的过程中，大家都会在项目的入口文件中导入全局样式，进行样式统一，如果有其他个别特殊样式，我们会在单个组件中处理。 然而，麻

什么是原子化 css 定义：每一个css属性都通过一个css类来实现的一种 css 写法。 举个例子，我们平时是这么写 css 的： 而使用原子化 css 就变成了这样：

在开发工作中，你是否遇到过这样的场景： 当你需要开发某个功能时，这个功能依赖一系列的点击或者选择操作，才能获取到最终的数据。而在开发和调试的过程中，你往往需要多次验证流程的正确性。早期的时候，这种验证

Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Rollup 呢？ 我们来试一下：

前言 使用Vue3+Vite+TS基于Element plus 二次封装业务组件，注册挂载为全局使用，代码简洁了许多。封装好我们的业务组件今后开发中遇到时，就可以直接使用啦！ 一、初始化vite项目

分享目标 分析 monorepo 诞生的背景及其应用的场景 大家能够明确项目是否需要 monorepo 及其是否能够带来实质性的收益。 现代前端工程开发的趋势和痛点 趋势 现代前端工程开发的已不再是之

本文探讨了Monorepo（单仓库多项目管理模式）与pnpm（高效的JavaScript包管理器）如何成为前端开发中的理想搭档。首先，文章概述了Monorepo模式的核心优势，包括项目依赖管理的简化、

一、动态rem适配方案：适合H5项目的适配方案 1. @media媒体查询适配 首先，我们需要设置一个根元素的基准值，这个基准值通常根据视口宽度进行计算。可以在项目的 CSS 文件中，通过媒体查询动态

前言 在日常开发中，最容易让人注意的就是项目编译打包的时间，特别是在较频繁打包部署时，这个时间显得很漫长。 例如：之前接手的一个项目 "冷启动" 时编译过程花费了约 86 秒： 这能忍吗？显然不能，于