Skip to content
| Marketplace
Sign in
Visual Studio>Tools>Web Compiler 2022+
Web Compiler 2022+

Web Compiler 2022+

Jason Moore

|
168,116 installs
| (24) | Free
The easiest and most powerful way to compile LESS, Scss, Stylus, JSX, CoffeeScript and Handlebars files directly within Visual Studio or through MSBuild.
Download

A Visual Studio 2022 fork of WebCompiler by Mads Kristensen

https://github.com/madskristensen/WebCompiler https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebCompiler

This project was forked with the permission of the original author, please see issue 566 for the discussion.

1.14.5 supports separating Node Sass and Dart Sass in the webcompiler.json.defaults file so that it is clearer what options are supported. Replace the "sass" section with the following:

"sass": {
        "autoPrefix": "",
        "loadPaths": "",
        "style": "expanded",
        "sourceMapUrls": "relative",
        "relativeUrls":  true,
        "sourceMap": false
      },
      "nodesass": {
        "autoPrefix": "",
        "includePath": "",
        "indentType": "space",
        "indentWidth": 2,
        "outputStyle": "nested",
        "precision": 5,
        "relativeUrls": true,
        "sourceMapRoot": "",
        "lineFeed": "",
        "sourceMap": false
    }

Known Issue "sourceMapUrls": "relative" does not work because it is not supported when using stdout, it will be removed in the next version unless I can find a way to support it.

1.14.1 replaces Node-Sass with Dart-Sass, please leave feedback and report compatibility issues on my GitHub page.

To continue using Node-Sass instead of Dart-Sass, add useNodeSass: true to your compiler config.

Example

  {
    "inputFile": "Styles/kendoui/bootstrap/scss/all.scss",
    "outputFile": "wwwroot/css/kendoui.bootstrap.css",
    "useNodeSass": true,
    "options": {
      "sourceMap": true,
      "relativeUrls": false
    }
  }
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft