You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
131 lines
2.9 KiB
131 lines
2.9 KiB
2 years ago
|
# Sass Graph
|
||
|
|
|
||
|
|
Parses Sass files in a directory and exposes a graph of dependencies
|
||
|
|
|
||
|
|
[](https://travis-ci.org/xzyfer/sass-graph)
|
||
|
|
[](https://coveralls.io/github/xzyfer/sass-graph?branch=master)
|
||
|
|
[](http://badge.fury.io/js/sass-graph)
|
||
|
|
[](https://david-dm.org/xzyfer/sass-graph)
|
||
|
|
[](https://david-dm.org/xzyfer/sass-graph#info=devDependencies)
|
||
|
|
|
||
|
|
## Install
|
||
|
|
|
||
|
|
Install with [npm](https://npmjs.org/package/sass-graph)
|
||
|
|
|
||
|
|
```
|
||
|
|
npm install --save-dev sass-graph
|
||
|
|
```
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
Usage as a Node library:
|
||
|
|
|
||
|
|
```js
|
||
|
|
var sassGraph = require('./sass-graph');
|
||
|
|
```
|
||
|
|
|
||
|
|
Usage as a command line tool:
|
||
|
|
|
||
|
|
The command line tool will parse a graph and then either display ancestors, descendents or both.
|
||
|
|
|
||
|
|
```
|
||
|
|
$ ./bin/sassgraph --help
|
||
|
|
Usage: bin/sassgraph <command> [options] <dir> [file]
|
||
|
|
|
||
|
|
Commands:
|
||
|
|
ancestors Output the ancestors
|
||
|
|
descendents Output the descendents
|
||
|
|
|
||
|
|
Options:
|
||
|
|
-I, --load-path Add directories to the sass load path
|
||
|
|
-e, --extensions File extensions to include in the graph
|
||
|
|
-j, --json Output the index in json
|
||
|
|
-h, --help Show help
|
||
|
|
-v, --version Show version number
|
||
|
|
|
||
|
|
Examples:
|
||
|
|
./bin/sassgraph descendents test/fixtures test/fixtures/a.scss
|
||
|
|
/path/to/test/fixtures/b.scss
|
||
|
|
/path/to/test/fixtures/_c.scss
|
||
|
|
```
|
||
|
|
|
||
|
|
## API
|
||
|
|
|
||
|
|
#### parseDir
|
||
|
|
|
||
|
|
Parses a directory and builds a dependency graph of all requested file extensions.
|
||
|
|
|
||
|
|
#### parseFile
|
||
|
|
|
||
|
|
Parses a file and builds its dependency graph.
|
||
|
|
|
||
|
|
## Options
|
||
|
|
|
||
|
|
#### loadPaths
|
||
|
|
|
||
|
|
Type: `Array`
|
||
|
|
Default: `[process.cwd]`
|
||
|
|
|
||
|
|
Directories to use when resolved `@import` directives.
|
||
|
|
|
||
|
|
#### extensions
|
||
|
|
|
||
|
|
Type: `Array`
|
||
|
|
Default: `['scss', 'sass']`
|
||
|
|
|
||
|
|
File types to be parsed.
|
||
|
|
|
||
|
|
#### follow
|
||
|
|
|
||
|
|
Type: `Boolean`
|
||
|
|
Default: `false`
|
||
|
|
|
||
|
|
Follow symbolic links.
|
||
|
|
|
||
|
|
#### exclude
|
||
|
|
|
||
|
|
Type: `RegExp`
|
||
|
|
Default: `undefined`
|
||
|
|
|
||
|
|
Exclude files matching regular expression.
|
||
|
|
|
||
|
|
## Example
|
||
|
|
|
||
|
|
```js
|
||
|
|
var sassGraph = require('./sass-graph');
|
||
|
|
console.log(sassGraph.parseDir('test/fixtures'));
|
||
|
|
|
||
|
|
//{ index: {,
|
||
|
|
// '/path/to/test/fixtures/a.scss': {
|
||
|
|
// imports: ['b.scss'],
|
||
|
|
// importedBy: [],
|
||
|
|
// },
|
||
|
|
// '/path/to/test/fixtures/b.scss': {
|
||
|
|
// imports: ['_c.scss'],
|
||
|
|
// importedBy: ['a.scss'],
|
||
|
|
// },
|
||
|
|
// '/path/to/test/fixtures/_c.scss': {
|
||
|
|
// imports: [],
|
||
|
|
// importedBy: ['b/scss'],
|
||
|
|
// },
|
||
|
|
//}}
|
||
|
|
```
|
||
|
|
|
||
|
|
## Running Mocha tests
|
||
|
|
|
||
|
|
You can run the tests by executing the following commands:
|
||
|
|
|
||
|
|
```
|
||
|
|
npm install
|
||
|
|
npm test
|
||
|
|
```
|
||
|
|
|
||
|
|
## Authors
|
||
|
|
|
||
|
|
Sass graph was originally written by [Lachlan Donald](http://lachlan.me).
|
||
|
|
It is now maintained by [Michael Mifsud](http://twitter.com/xzyfer).
|
||
|
|
|
||
|
|
## License
|
||
|
|
|
||
|
|
MIT
|