介绍
- fake-css是一个基于
Vue3
开发的运行时css
库,开箱即用,零预先配置。 - 不存在真正意义上的css文件,又如同有文件一般正常运行。
- 从根源上解决项目包大小的问题。
- 如果你熟悉
tailwindcss
或者windicss
等原子css,将极易上手。
下载
# 通过npm或yarn安装
# npm
npm i fake-css
# yarn
yarn add fake-css
特性
- 提供class和style解析方式
- 搭配vue3响应式
- 轻量
- 模块化定义,变相scoped
- 高度自定义解析方式
- 支持Typescript
阶段
- 目前任处于构思阶段,基本情况已经固定。
示例
- 更多使用方式可以在项目中playground查看
<template>
<!--
1. 你在在pt_xx 这里输入你任何的数值,都将会动态解析
2. pt (padding_top), ml (margint_left) 等等。
-->
<div :class="[css.pt_30]">
</div>
</template>