Abstractions/Abstractions.Sass.CIBuildv1.1.72

Sass Compiler

Based on and heavily influenced by the awsome WebCompiler by Mads Christensen. Compiles Sass/Scss files into CSS with cross-platform build support

What's new in the latest version

The compiler can now use DartSassHost in addition to LibSassHost, which is still the default. Use DartSassHost in order to make use of newer SASS/SCSS features that are not supported by the now depricated libsass.

To switch to dart-sass set the runtime parameter, either per file in sassconfig.json:

[
  {
    "outputFile": "wwwroot/site.css",
    "inputFile": "Styles/site.scss",
    "runtime": "LibSass"
  },
  {
    "outputFile": "wwwroot/someotherfile.css",
    "inputFile": "Styles/someotherfile.scss",
    "runtime": "DartSass"
  }
]

or globally in sassconfig.default.json:

{
  "sourceMap": false,
  "loadPaths": [],
  "style": "Expanded",
  "precision": 10,
  "lineFeed": "CrLf",
  "includeInProject": true,
  "runtime": "DartSass"
}

Key differences

• Works with Visual Studio 2022
• Only works with Sass/Scss files
• No dependency on node; LibSassHost, or DartSassHost is used instead
• CI builds works on Linux build hosts as well as Windows
• Configuration files are simplified to reflect sass-only compilation
• Errors point to the correct source file when even when they occurred in an import

Visual Studio etension

A Visual Studio extension that compiles Sass/Scss files. Works with Visual Studio 2022, and supports CI/CD with cross-platform build support

Download the extension at the Coming soon

Features

• Compilation of Sass/Scss files
• Saving a source file triggers re-compilation automatically
• Specify compiler options for each individual file
• Error List integration
• MSBuild support for CI scenarios
• Shows a watermark when opening a generated file
• Shortcut to compile all specified files in solution

Getting started

Right-click any .scss or .sass file in Solution Explorer to setup compilation.