cssauron 项目教程
1. 项目的目录结构及介绍
cssauron/
├── README.md
├── index.js
├── package.json
├── test/
│ └── test.js
- README.md: 项目说明文档,包含项目的基本介绍和使用方法。
- index.js: 项目的主入口文件,定义了核心功能和接口。
- package.json: 项目的配置文件,包含依赖、脚本等信息。
- test/: 测试目录,包含项目的测试文件。
2. 项目的启动文件介绍
index.js 是项目的启动文件,主要功能如下:
var cssauron = require('cssauron')
var json = require('json-parse-stream')()
var css = cssauron({
tag: 'key',
children: 'value',
parent: 'parent',
contents: 'value',
attr: function(node, attr) {
return node.attributes && node.attributes[attr]
}
})
json.on('data', function(node) {
var sel = css('key > val')
if (sel(node)) {
console.log(node)
}
})
json.write('{"key": {"val": 3, "key": 2}}')
- cssauron: 核心模块,用于创建选择器。
- json-parse-stream: 用于解析 JSON 数据流。
- css: 创建的选择器,用于匹配 JSON 节点。
3. 项目的配置文件介绍
package.json 是项目的配置文件,关键内容如下:
{
"name": "cssauron",
"version": "1.0.0",
"description": "Create CSS selectors for ASTs",
"main": "index.js",
"scripts": {
"test": "node test/test.js"
},
"dependencies": {
"json-parse-stream": "^1.0.0"
},
"devDependencies": {
"tape": "^5.0.0"
},
"license": "MIT"
}
- name: 项目名称。
- version: 项目版本。
- description: 项目描述。
- main: 主入口文件。
- scripts: 脚本命令,如测试命令。
- dependencies: 项目依赖。
- devDependencies: 开发依赖。
- license: 项目许可证。