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