https://github.com/vale1534/sass-compile

Simple sass compiler, with module path importer and data uri inliners.
https://github.com/vale1534/sass-compile

Last synced: about 1 month ago
JSON representation

Simple sass compiler, with module path importer and data uri inliners.

• Host: GitHub
• URL: https://github.com/vale1534/sass-compile
• Owner: vale1534
• License: mit
• Created: 2018-12-18T00:54:43.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-01-07T03:23:56.000Z (almost 6 years ago)
• Last Synced: 2024-10-06T06:04:46.519Z (about 1 month ago)
• Language: JavaScript
• Size: 194 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# sass-compile

Simple 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]

```

## Quick guide

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

```

## Features

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~~"); }

```