Questions tagged [web-compiler]

A Visual Studio extension that compiles LESS, Sass Stylus, JSX, ES6 and CoffeeScript files.

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

Features

  • Compilation of LESS, Scss, Stylus, JSX, ES6 and (Iced)CoffeeScript files
  • Saving a source file triggers re-compilation automatically
  • Specify compiler options for each individual file
  • Error List integration MSBuild support for CI scenarios
  • Minify the compiled output
  • Minification options for each language is customizable
  • Shows a watermark when opening a generated file
  • Shortcut to compile all specified files in solution
  • Task Runner Explorer integration Command line interface
  • Integrates with Web Analyzer
56 questions
3
votes
1 answer

Main CSS file got corrupted during .less files compilation

In VS project we have 3 files. fonts.less: This file contains fonts as shown in below example @font-face{ font-family: "Trade Gothic Next"; src: url("/assets/example.eot"); font-weight: 400; font-style: normal; font-variant:…
3
votes
1 answer

WebCompiler skipping an scss file in CI build

I have two scss files in my project that need to be compiled during my CI build (on Azure Pipelines). One is getting compiled when I build locally, and one is not. I'm using WebCompiler and the output to the log shows the one file that is working,…
3
votes
0 answers

There is an error in compilerconfig.json file. This could be due to a change in the format after this extension was updated

I use WebCompiler tool for Visual Studio 2017. But I am starting to get an error. This Error Message is:" There is an error in compilerconfig.json file. This could be due to a change in the format after this extension was updated". I thought the…
2
votes
1 answer

Can I use WebCompiler to compile SASS files using Github Actions with ASP.NET Core 3.1?

I've got an ASPNET Core 3.1 MVC web application. I've added a .SCSS file to the project, and installed the WebCompiler Visual Studio extension to compile the SCSS files when I build the project. I've enabled the custom build steps so that running…
Dylan Beattie
  • 53,688
  • 35
  • 128
  • 197
2
votes
1 answer

Error: File to import not found or unreadable: node_modules/bootstrap/

I have a weird problem with WebCompiler when i'm trying to import other scss files. None of my colleagues has this problem within my team and we have no idea what causes this so i hope you may be able to help me. We have imports like this: @import…
2
votes
2 answers

SASS in ASP.NET Core: map files point to incorrect location

I have an ASP.NET Core application, and I am using SASS to generate the css. My project file structure is this: ProjectName | --- wwwroot | --- css | --- index.scss ---…
Andrew Shepherd
  • 44,254
  • 30
  • 139
  • 205
2
votes
1 answer

Which version of SASS is my WebCompiler extension using?

I'm using the WebCompiler extension for VS and I'm trying to find out what version of SASS it's using. I can't for the life of me figure it out. I've tried looking in the extension information (in VS), on the github repo, and in the changelog. Now…
Martin Hansen Lennox
  • 2,837
  • 2
  • 23
  • 64
2
votes
0 answers

BundlerMinifier does not wait for Web-compiler

I am building a Continuous Integration and Deployment steps on VS online team services. This is an asp.net core project which is using web-compiler to compile sass/scss files and then BundlerMinifier to bundle and minify files. I have found this…
1
vote
1 answer

WebCompiler extension for Visual Studio adding undesired code to minified JS scripts

I have a .NET MVC application, for which I use the (2022 version of the) WebCompiler extension for Visual Studio 2022, in order to minify my CSS et JS files. When the JS scripts get minified, it seems like the extension is adding some undesired…
Virus721
  • 8,061
  • 12
  • 67
  • 123
1
vote
3 answers

Use Web Compiler for SCSS files in Azure DevOps pipeline

Is it possible to use Web Compiler (developed by Mads Kristensen) in a CI pipeline in Azure DevOps? We have the Web Compiler Visual Studio tool installed on our development computers. Building and publishing will compile the .scss files into .css…
Marian Simonca
  • 1,472
  • 1
  • 16
  • 29
1
vote
1 answer

@import SCSS files not recognized by compiler?

It won't compile it says: Undefined variable: "$blue-logo-color." In variables.scss I have: $blue-logo-color: #3cabf5; and in site.scss I have: @import "variables.scss" .blue-logo-color { color:…
Napoleon
  • 153
  • 1
  • 13
1
vote
0 answers

Browserslist: caniuse-lite is outdated. Please run: remote: npx browserslist@latest --update-db

I want to deploy the MERN project on Heroku. When I write command git push heroku main, then an error comes. Browserslist: caniuse-lite is outdated. Please run: remote: npx browserslist@latest --update-db I tried following solutions but it can't…
noob_developer
  • 183
  • 3
  • 11
1
vote
0 answers

Undeclared variables using CSS LESS each function

I am using WebCompiler in Visual Studio 2019 to compile some LESS files in my project. The following LESS function causes VS to display green squiggly lines and the warning "Expected a selector for the style rule" and states that the @{value}…
Gary O. Stenstrom
  • 2,284
  • 9
  • 38
  • 59
1
vote
0 answers

Web Compiler fails with message "lessc: EINVAL, fstat"

In my ASP.NET MVC solution I use Web Compiler for compiling LESS files to CSS. This used to work perfectly well for me - and still does for my colleagues - but at some point in the recent past LESS compilation has stopped working on my computer. My…
awj
  • 7,482
  • 10
  • 66
  • 120
1
vote
0 answers

msbuild output varies in cruise control .net

When I run Cruise Control .Net, msbuild does not behave the same as when I run directly from command line on the same machine with same exact options. What started me looking into this is that WebCompiler was not running when ccnet ran msbuild…