Simple sass compiler, with module path importer and data uri inliners.
npm install @wenris/sass-compileSimple sass compiler, with module path importer and data uri inliners.
Usage: sass-compile [options]
``
Options:
--help Show help [boolean]
--version Show version number [boolean]
--include, -i Path to look for imported files and assets [array]
--replace, -r Replace from the start before path resolve
Syntax: -replace pre/path;new/path
--output-style, -s CSS output style
[string] [choices: "nested", "expanded", "compact", "compressed"]
--indent-type Indent type for output CSS
[string] [choices: "space", "tab"] [default: "space"]
--indent-width Indent width; number of spaces or tabs (maximum: 10)
[number] [default: 2]
--linefeed Linefeed style
[string] [choices: "cr", "crlf", "lf", "lfcr"] [default: "lf"]
--source-comments Include debug info in output [boolean] [default: false]
--source-map Emit source map [boolean] [default: false]
--source-map-contents Embed include contents in map[boolean] [default: false]
--source-map-embed Embed sourceMappingUrl as data URI
[boolean] [default: false]
--source-map-root Base path, will be emitted in source-map as is [string]
--precision The amount of precision allowed in decimal numbers
[number] [default: 6]
Install sass-compile:
`
npm install --save-dev @wenris/sass-compile
Run it:
`
$ ./node_modules/.bin/sass-compile path/to/input.scss path/to/out.css
1. Import node modules files, with / without ~ prefix
2. Replace from the start before path resolve
3. Inline assets like images and fonts
For example, input.scss:
`
@font-face {
font-family: "icons16";
font-weight: normal;
font-style: normal;
src: inline('fonts/icons-16.woff');
}
output.css:
`
@font-face { font-family: "icons16"; font-weight: normal; font-style: normal; src: url("data:font/woff;base64,~~base64-encoded-uri~~"); }