# sass-monitor

> sass-monitor is a wrapper for the node_sass module adding the functionality to compile named directories of SASS files.

Latest version **1.0.1** (published 2013-07-15) · 0 weekly downloads

## Install

```sh
npm install sass-monitor
pnpm add sass-monitor
yarn add sass-monitor
bun add sass-monitor
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2013-07-15 |
| First published | 2013-06-11 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=0.10.0 |
| Dependencies | 4 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Andrew Saunders |
| Maintainers | adbs1 |

## Links

- npm: https://www.npmjs.com/package/sass-monitor
- npm.io page: https://npm.io/package/sass-monitor

## Dependencies (4)

- [watch](https://npm.io/package/watch.md) 0.5.1
- [findit](https://npm.io/package/findit.md) 0.1.2
- [mkdirp](https://npm.io/package/mkdirp.md) 0.3.4
- [node-sass](https://npm.io/package/node-sass.md) 0.5.4

## Recent versions

- 1.0.1 (latest) — 2013-07-15
- 1.0.0 — 2013-06-11

## README

## Summary

sass-monitor is a wrapper for the node_sass module adding the functionality to compile named directories of SASS files.

It can be run standalone or as a Grunt task.

Be sure to run $ npm install before use.

## Testing

1) In the root of the package run:
	
	$ node sass-monitor
2) Edit the ./test/css_src/test.scss file
3) You should now see:

	a) A log entry in the terminal: 'File changed : test/css_src/test.scss'
	b) The ./test/css_output/test.css file with your compiled changes.


## Standalone

1) Edit config.js to suit path requirements.
2) At the command prompt run:

	$ node sassMonitor

NOTE: As above the imports will be relative ..


## Grunt usage

module.exports = function(grunt) {

	// Project configuration.
	grunt.initConfig({
		sassMonitor: {
			staticBuild: {
				srcDir: 'css_src',
				destDir: '../developmentPath/static/css',
				includePaths: ['environments/static/','css_src/'],
				debug: true
			},
			production: {
				srcDir: 'css_src',
				destDir: '../productionPath/static/css',
				includePaths: ['environments/prod/','css_src/'],
				debug: true
			},
		},
		watch: {
			css: {
				files: '../css_src/**/*.scss',
				tasks: 'sassMonitor'
			}
		}
	});

	grunt.loadNpmTasks('sass-monitor');

	// Default task.
	grunt.registerTask('default', 'watch');
};

NOTE: Partial imports are relative to the grunt installation folder so for the above example it would be @import '../css_src/common';

---
_Source: https://npm.io/package/sass-monitor · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._