compilerconfig.json and compilerconfig.json.defaults documentation

[SergeVDev]

Hello and Happy New Year!

Where can I read about compilerconfig.json and compilerconfig.json.defaults parameters meaning?

In fact, my .min.css breaks layout (just .css, generated from a .less file, works well) and I suspect it's encoding (BOM) or something, but I don't get what does every line mean:

    "less": {
      "autoPrefix": "",
      "cssComb": "none",
      "ieCompat": false,
      "math": null,
      "strictMath": false,
      "strictUnits": false,
      "relativeUrls": true,
      "rootPath": "",
      "sourceMapRoot": "",
      "sourceMapBasePath": "",
      "sourceMap": false
    },

  "minifiers": {
    "css": {
      "enabled": true,
      "termSemicolons": true,
      "gzip": false
    },

Also, there is a parameter named noBOM, but jut for handlebars. There is no one for LESS?

[failwyn]

The settings are from their respective nodejs packages. For example, if you look at the CLI commands for Sass you'll see many of the options, although some are unfortunately not compatible with stdout... I can look into linking tracking the others down. The next release will have an option to not output the BOM.

[failwyn]

This should work for all types

{
"outputFile": "wwwroot/css/site.css",
"inputFile": "Styles/site/scss/site.scss",
"outputUTF8Identifier": false,
"minify": {
"enabled": false
},
"options": {
"sourceMap": true,
"relativeUrls": false
}
}

// the back ticks are putting it in one line, sorry for the formatting

[SergeVDev]

Thank you!

Unfortunately, I still cannot make the extension generate a map, though I added

"options":
{
    "sourceMap": true,
    "relativeUrls": false
}

in the same section where "outputFile" and "inputFile" are specified. Now it looks like (compilerconfig.json):

[
	{
		"inputFile": "css/main.less",
		"outputFile": "css/main.css",
		"options":
		{
			"sourceMap": true,
			"relativeUrls": false <-- Dunno what it means, tried both true/false
		}
	}
]

And the .default file (relevant parts):

{
	"compilers":
	{
		"less":
		{
			"autoPrefix": "",
			"cssComb": "none",
			"ieCompat": false,
			"math": null,
			"strictMath": false,
			"strictUnits": false,
			"relativeUrls": true,
			"rootPath": "",
			"sourceMapRoot": "",           <-- Maybe, it matters? What does it mean?
			"sourceMapBasePath": "",    <-- Ditto
			"sourceMap": true
		},

		<…skipped…>
	},

	"minifiers":
	{
		"css":
		{
			"enabled": true,
			"termSemicolons": true,
			"gzip": false
		},

		<…skipped…>
	}
}

I expected to see main.css (✅), main.min.css (✅) and main.min.css.map (❌).

Right now this is the only unresolved issue with the extension. Everything else works perfectly, thank you very much for your project.

[failwyn]

@SergeVDev I'll try to take a look at it, I haven't used less in years. Also, I took over this extension from Mads, I just refactored the extension to work with Visual Studio 2022, so I don't know all of the code, just what was needed to upgrade it and maintain the parts that I use.