Nojiko 是一个使用 SCSS 编写的基础工具库,其中包含如下内容:
- 一组工具函数及混入类;
- 一组通用配置变量;
- 一套基础全局样式;
- 以及一套原子样式。
- 不依赖 JS;
- 不限定 HTML 结构;
- 兼容多种客户端;
- 兼容 browserslist 的默认规则所匹配的浏览器;
1. 在项目中安装 nojiko:
$ yarn add nojiko
$ npm install nojiko
2. 配置引入路径:将 node_modules
目录添加到 SASS 编译器的 includePaths
配置中(当然你也可以根据你的项目自行配置, 但要注意这可能会导致下一步中的引入路径有所不同)。
3. 按需引入 nojiko:
@import "nojiko/sass/nojiko"; // 提供 Helpers、Add-ons、List 及 Map 四个分组下所定义的所有函数及混入类
@import "nojiko/sass/variables"; // 提供 Variables 分组下所定义的所有全局配置变量,依赖 nojiko 模块
@import "nojiko/sass/scaffolding"; // 提供 Scaffolding 分组下所定义的一套全局脚手架样式,依赖 variables 模块
@import "nojiko/sass/elements"; // 提供 Elements 分组下所定义的一套原子样式类,依赖 variables 模块
Nojiko 采用语义化版本控制,并提供了一份详细的 更新记录,请在升级之前仔细阅读该更新记录。