0.0.5 • Published 1 year ago
npm-ssc-tool v0.0.5
ssc
一款css处理器,参数式声明,属性选择器分离 适用于于轻量级项目的开发,语法简洁,书写便利,复用性高 块状分发选择器方便小程序的多个wxss集成在一个文件中书写
前言
该工具诞生为了解决重复声明相同属性带来的重复工作,原子级的属性复用
环境
推荐node 16 ,但本包并未引入第三方依赖,其他版本node暂未测试
安装
npm i npm-ssc-tool
使用
语法
attr: //属性块 width // 属性名 (100px):A001 // 冒号前为属性值,冒号后为选择器指针 (200px):A002,A003 height (100px):A001 (200px):A002,A003 select: //选择器块 ~path./js/oldFile.vue // ~path 声明编译后的路径 A001=>.btn // A001 为指针 .btn 为选择器类名 A002=>div ~path./js/ssc.css // 可写多个路径分发选择器 A003=>.a
编译后
<style lang="scss"> // 在vue和html后缀的文件中会自动放入style标签内 .btn{width:100px;height:100px;} div{width:200px;height:200px;} </style> // 在wxss和css后缀的文件中会直接写入
三大特性
- 原子级别的复用
- 块状分发编译后文件
- 简洁的语法,比stylus更简洁
计划实现功能
该工具还处于比较粗糙的初期阶段,欢迎和我一起
- typescript重构优化
- 更多的错误捕捉
- vscode语法插件
- 修改大大小小的bug