2024-08-25 23:08:21
942
246
我们知道unocss很快，也许是目前最快的原子化CSS引擎 (没有之一)。unocss解释它为什么这么快的原因，是因为它不用去解析CSS抽象语法树，直接在content里面通过正则表达式从内容中提取token，然后生成样式。这点从unocss可以看到unocss比快3.7倍左右。其中官方的unocss测试素材，使用的是vite测试素材则是vitepostcss。可是假如我们以vitewebpack插件的方式去使用unocss的话，默认是不支持那些@apply@screentheme()这些CSS。_unocss和tailwind css的区别
2024-08-04 22:08:53
277
308
本文记录"unocss/vite" resolved to an ESM file.ESM file cannot be loaded by `require`问题及解决方案。_esm file cannot be loaded by `require`
2024-06-11 09:06:07
978
201
一个 Vue3 的项目，用的是 Vite 打包，通过 npm run dev 运行时，遇到了以下错误（尤其是引入了 Element-Plus 后）：Error: EMFILE: too many open filesUnoCSS 的配置文件 uno.config.js 中，将文件系统属性被映射到项目根目录 / 而不是源码目录 ./src/ ，这导致 UnoCSS 将会扫描整个 node_modules ，这显然太大了。因此，将文件系统路径 **/ 更改为 ./src/ 就解决了问题。_emfile: too many open files, open
2024-05-31 19:05:51
86
264
UnoCSS 是一个即时的原子化 CSS 引擎，旨在灵活和可扩展。核心是不拘一格的，所有的 CSS 工具类都是通过预设提供的。再也不用为了取一个 classname 类名而烦恼了。_uno.css
2024-04-12 20:04:01
32
873
unocss是一个即时的原子CSS引擎，它可以让你用简短的类名来控制元素的样式，而不需要写复杂的CSS代码。当然，原子样式也有很多选择，最著名的就是Tailwind。但由于Tailwind 会生成大量样式定义，会导致全量的 CSS 文件往往体积会多至数 MB，从而有性能上有一些不足。扩展：什么是原子化原子化CSS是一种CSS架构方式，其支持小型、单一用途的类，其名称基于视觉功能。_unocss
2024-03-29 15:03:10
557
563
Unocss 是一个基于的工具 ，它通过静态分析 HTML 和 CSS 代码，自动消除未使用的样式，以减小生成的 CSS 文件大小。这个工具可以帮助开发者在使用 Tailwind CSS 进行开发时，避免将整个框架的样式都打包到最终的 CSS 文件中，而只保留实际使用到的样式，从而减少文件大小和加载时间。使用 Unocss 可以让开发者更加高效地使用 Tailwind CSS，避免因为使用了大量未使用的样式而导致 CSS 文件过大的问题。_vscode unocss
2024-03-24 23:03:53
1030
309
最近在使用unocss时，我感觉原子化CSS把这些类名堆在一个标签里，实在谈不上精致美观，那我们有没有办法将这些样式类名搬到style里呢？有的，unocss、tailwindCSS都给出了一种语法#apply。_unocss @apply
2024-02-17 09:02:16
223
712
UnoCSS 是一个即时、按需的原子级 CSS 引擎。它提供了一系列易于使用和高度可定制的组件和布局，可以帮助开发者快速创建现代化的用户界面。UnoCSS具有轻量级和高性能的特点，同时支持模块化和按需加载，使得代码更加易于管理和优化。通过整合UnoCSS，开发者可以在前端开发中节省大量时间和精力，从而更专注于业务逻辑和核心功能的实现。_unocss