Web compiler found an error in compilerconfig json

WebCompiler suddenly gives a compilerconfig.json error #431

Installed product versions

• Visual Studio: 2019 Enterprise
• This extension: 1.2.394

Description

Web Compiler

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

Steps to recreate

Create a blank scss file, use reference path at the top of the file, and you will receive the above error. I am using:

_variables is referring bootstrap 4.3.

Current behavior

This error has just started happening with a recent release of Visual Studio 2019. It happens on two different computers on two different projects.

Expected behavior

Compile the file without error.

The text was updated successfully, but these errors were encountered:

I am having the same issue. Also getting intermittent errors when importing less files into other less files. The error I am receiving is «The system cannot find the path specified.»

Process terminated with code 0.
C:GITMyProject> C:USERSMyUserNameAPPDATALOCALMICROSOFTVISUALSTUDIO16.0_94E0E63FEXTENSIONSO4IG1JGZ.DH2WebCompiler.exe «C:MyProjectcompilerconfig.json» «Styles/Less/mystylesheet.less»

The system cannot find the path specified.
Process terminated with code 1.

I am having the same issue. Also getting intermittent errors when importing less files into other less files. The error I am receiving is «The system cannot find the path specified.»

Process terminated with code 0.
C:GITMyProject> C:USERSMyUserNameAPPDATALOCALMICROSOFTVISUALSTUDIO16.0_94E0E63FEXTENSIONSO4IG1JGZ.DH2WebCompiler.exe «C:MyProjectcompilerconfig.json» «Styles/Less/mystylesheet.less»

The system cannot find the path specified.
Process terminated with code 1.

I’m getting the error but it’s still building files. Where did you find that error message?

I am having the same issue. Also getting intermittent errors when importing less files into other less files. The error I am receiving is «The system cannot find the path specified.»

Process terminated with code 0.
C:GITMyProject> C:USERSMyUserNameAPPDATALOCALMICROSOFTVISUALSTUDIO16.0_94E0E63FEXTENSIONSO4IG1JGZ.DH2WebCompiler.exe «C:MyProjectcompilerconfig.json» «Styles/Less/mystylesheet.less»

The system cannot find the path specified.
Process terminated with code 1.

I don’t know if this helps you but I found one of my include files was suddenly added to my compilerconfig.json file when it wasn’t supposed to be.

Update: It fixed it for a few hours but suddenly it’s happening again. Wth.

@madskristensen Is this project dead?

Im having the same issue appears after i updated VS2019.

Just started getting this error, could compile yesterday now stuck with

The system cannot find the path specified.

When trying to compile, even with an empty style sheet it fails to compile.

I am using Windows 11 for the last month and it has been working without any issues, so not sure if Visual Studio update has caused this, which is most likely as I had a major windows update earlier this week.

I tried re-installing and configuration and nothing worked. I tried to find a replacement SASS builder and there is nothing else.

So I persisted and finally found a way to get around this.

I closed Visual Studio, then deleted all files in the folder C:UsersbrettAppDataLocalTemp

So your folder would be in C:Users[your user name]AppDataLocalTemp

Restart Visual Studio and it started working. Try this a few times, do a reboot just incase something is locked.

So I managed to track this down to a reg key that gets added when you have a newer version of powershell. I haven’t tested with newer versions of node etc but the simple fix is to delete the auto run reg key under

Delete the auto run key and rebuild. Might have to reboot as well.

© 2023 GitHub, Inc.

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

Источник

Compiling no longer functions #399

Installed product versions

• Visual Studio: 2017 Enterprise 15.9.2
• This extension: 1.12.394

Description

Attempting to compile an SCSS file results in this popup error message: «There is an error in the compilerconfig.json file. This could be due to a change in the format after this extension was updated.»

Steps to recreate

1. Add SCSS file to project.
2. Right-click SCSS file > Web Compiler > Re-compile file.

Current behavior

When the popup error message appears, there is a message on the bottom of Visual Studio that says «Installing updated versions of the web compilers. «.

Navigating to http://json.schemastore.org/compilerdefaults-schema.json in a browser shows this message: «The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.»

Expected behavior

Compiling should complete successfully, which it was doing as recently as last week. I have not edited the SCSS file, the compilerconfig.json file, nor the WebCompiler extension since that time.

The text was updated successfully, but these errors were encountered:

Hello, I am getting exactly the same behaviour. Have been able to resolve the problem?

It looks like the new location is: http://json.schemastore.org/compilerconfig, not that I can see anything to do with this information as a consumer of this project.

What steps I have taken:

1. Remove Web Compiler from Visual Studio (it was installed as a dependency of Web Essentials 2017). And then reinstalled. Unsuccessful.
2. Deleted the compilerdefaults.json file and tried again. Recompiled, but error still persisted, and my changes hadn’t persisted.

This made me conclude that the error is probably a red-herring, and in fact I discovered a typo in an include statement pointing to a non-existent path. Once I corrected this the error disappeared.

Hope this helps.

I get the same error message. however my schema is http://json.schemastore.org/compilerconfig im at a loss here. My project is on hold because i cannot compile my sass files..

same error here. How to fix it?

same error here. How to fix it?

it worked for me, i had to do it a few times, restart a few times, reinstall a few times, no idea what fixed it but in the end it is working fine for me now.

this happened to me once before as well, that time i deleted the temp files, unistalled webcompiler and downgraded to an older version Web Compiler v1.11.326.

Источник

After initial file compile I get error: «There is an error in the compilerconfig.json file. This could be due to a change in the format after this extension was updated.» #344

Installed product versions

• Visual Studio: 2017 Enterprise 15.4.0
• This extension: 1.1.375

Project Information

• Target Framework: .NET Core 2.0
• Angular 4 (Microsoft.AspNetCore.SpaTemplates)

Description

Compiling scss file results in a Web Compiler popup error «There is an error in the compilerconfig.json file. This could be due to a change in the format after this extension was updated.».

Steps to recreate

1. Right click on .scss file and select Web Compiler -> Compile file and this is successfully creates a compilerconfig.json file with the input and output relative file locations. It also creates the css and min.css files.
2. Modify the css with valid css and click save. The popup as described in the Description appears.
   The following is from the Web Compiler output:

11/6/2017 3:46:45 PM: System.NullReferenceException: Object reference not set to an instance of an object.
at EnvDTE.SourceControl.IsItemUnderSCC(String ItemName)
at WebCompilerVsix.ProjectHelpers.CheckFileOutOfSourceControl(String file) in C:projectswebcompilersrcWebCompilerVsixHelpersProjectHelpers.cs:line 30
at WebCompilerVsix.CompilerService.<>c. b__4_0(Object s, CompileFileEventArgs e) in C:projectswebcompilersrcWebCompilerVsixCompilerService.cs:line 30
at WebCompiler.ConfigFileProcessor.OnBeforeProcess(Config config, String baseFolder, Boolean containsChanges)
at WebCompiler.ConfigFileProcessor.ProcessConfig(String baseFolder, Config config)
at WebCompiler.ConfigFileProcessor.SourceFileChanged(String configFile, String sourceFile, String projectPath, HashSet`1 compiledFiles)
at WebCompilerVsix.CompilerService.<>c__DisplayClass7_0.b__0(Object o) in C:projectswebcompilersrcWebCompilerVsixCompilerService.cs:line 101

Current behavior

An error occurs when either a change is made and you save or if you select Web Compiler -> Re-compile file.

Expected behavior

There should be no errors and the css regular and min files should be generated successfully upon saving the .scss file or by Re-compiling the file.

The text was updated successfully, but these errors were encountered:

Источник

Error in compilerconfig.json #166

I’m suddenly getting this message: «there is an error in the compilerconfig.json file. this could be due to a change in the format after this extension was updated.» when saving my scss file. I tried uninstalling WebCompiler and installing the latest build (Web Compiler v1.9.286.vsix) but still getting the same error.

The output window shows the following.

System.ComponentModel.Win32Exception (0x80004005): Access is denied
at System.Diagnostics.Process.StartWithShellExecuteEx(ProcessStartInfo startInfo)
at System.Diagnostics.Process.Start()
at System.Diagnostics.Process.Start(ProcessStartInfo startInfo)
at WebCompiler.CompilerService.Initialize() in C:projectswebcompilersrcWebCompilerCompileCompilerService.cs:line 95
at WebCompiler.CompilerService.GetCompiler(Config config) in C:projectswebcompilersrcWebCompilerCompileCompilerService.cs:line 37
at WebCompiler.ConfigFileProcessor.ProcessConfig(String baseFolder, Config config) in C:projectswebcompilersrcWebCompilerConfigConfigFileProcessor.cs:line 147
at WebCompiler.ConfigFileProcessor.Process(String configFile, IEnumerable`1 configs, Boolean force) in C:projectswebcompilersrcWebCompilerConfigConfigFileProcessor.cs:line 44
at WebCompilerVsix.CompilerService.<>c__DisplayClass6_0.b__0(Object o) in C:projectswebcompilersrcWebCompilerVsixCompilerService.cs:line 60

The text was updated successfully, but these errors were encountered:

I get the same error message «there is an error in the compilerconfig.json file. this could be due to a change in the format after this extension was updated.» when saving a LESS file while debugging my web project.

When I stop the debugger, I can save the LESS file with no problem.

I don’t see an exception in the output window though — like ropstah does.

@phrei Have you tried the latest 1.10.300 version of Web Compiler? Also, you may want to try restarting Visual Studio in between your tests.

@matthewpavkov I did install 1.10.300 today and I have since restarted VS multiple times. I can’t even edit js-Files anymore either without getting this error. It is so annyoing that I had to deactivate Web Compiler 🙁

@phrei Disabling Web Compiler prevents the problem? Try disabling all extensions except Web Compiler and see if you can still reproduce it. Did you try regenerating the compilerconfig files? Are you sure your configs are valid? You said you were using it for LESS, if you’re not using it for JavaScript, then try removing those sections from the compilerconfig file(s).

@matthewpavkov Yes disabling prevented the problem. I didn’t have any JavaScript sections in compilerconfig — only «inputFile» and «outPutFile» JSON Objects as follows:

[
<
«outputFile»: «app/css/file1.css»,
«inputFile»: «app/css/file1.less»
>,
<
«outputFile»: «app/css/file2.css»,
«inputFile»: «app/css/file2.less»
>
]

What I did this morning was open the compilerconfig.json.defaults — which looks as follows:

<
«compilers»: <
«less»: <
«strictMath»: false,
«strictUnits»: false,
«relativeUrls»: true,
«rootPath»: «»
>,
«sass»: <
«indentType»: «space»,
«indentWidth»: 2,
«outputStyle»: «nested»,
«Precision»: 5
>,
«coffeescript»: <
«bare»: false,
«runtimeMode»: «node»
>
>
>

I edited it and saved it (it still looks the same). Now I don’t have the error anymore.

Hi, same problem, but I found more precisions.

In the output an exception is displayed

It’s on french system so «Membre introuvable» is «Member not found».

The only change I done is adding an import of a LESS file. When editing not problem. When I debug the website:

• I change and save a file (the imported or the importer file)
• the error is displayed «There is an error in the compilierconfig.json file. . «.
• the LESS file is not compiled
• the compilerconfig.json is opened in VS
• when I save the compilerconfig.json file (whithout change) the LESS file is compiled

Also getting the same error as ygrenier error message in english:

2016-01-28 10:54:48: System.Runtime.InteropServices.COMException (0x80020003): Member not found. (Exception from HRESULT: 0x80020003 (DISP_E_MEMBERNOTFOUND))
at EnvDTE.Project.get_FullName()
at WebCompilerVsix.ProjectHelpers.GetRootFolder(Project project) in C:projectswebcompilersrcWebCompilerVsixHelpersProjectHelpers.cs:line 61
at WebCompilerVsix.CompilerService.<>c__DisplayClass7_0.b__0(Object o) in C:projectswebcompilersrcWebCompilerVsixCompilerService.cs:line 98

@Stompf What type of project? ASP.NET WebForms, Cordova, or.

It’s a MVC project. I can reproduce it with the project i attached in the zip file (TypeScriptHTMLApp1.zip). Just start the code from visual studio and try to change something in the app.less file while in debug mode and you should get the error.

I’m using Visual Studio 2015 Update 1.

@Stompf Thanks for the repro project. I still wasn’t able to reproduce the issue. Here’s what I did:

1. Opened the project in VS2015 Update 2
2. Hit F5 to run the web project and enter debug mode
3. Made a change to app.less and saved the fil

Result was that the compilation happened correctly and no errors were produced. Am I missing something from the repro steps?

@Stompf I can repro it now. Had to use Internet Explorer because of they way VS attaches to it

© 2023 GitHub, Inc.

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

Источник

On trying to re-compile all files in a solution, using Visual Studio 2017, I get this uninformative error message:
Web Compiler found an error in compilerconfig.json
To begin with, there is more than one compilerconfig.json file in the solution.
Secondly, there is no indication whatsoever of what the error is, where it occurs (line number, for instance).
Any ideas how I can go about solving this?

In Visual Studio's Solution Explorer, right-click the compilerconfig.json file and click "Task Runner Explorer". In the left pane you will see "compilerconfig.json/all files", right-click on it and then click on "Run". You will see the details of the execution which, in my case, included the useful information about how to correct the error.

I just went through this and didn't find an easy way but I got past it.
My issue turns out to be a missing input file that was supposed to be compiled.
Method of attack:
Try to compile each compilerconfig.json file (right-click -> Web Compiler -> re-compile all files)
repeat until you find the file in question
Remove all data from this file and add entries in one at a time (or scan it to make sure your files are there, which ever fits your situation)

The root problem is that the Web Compiler didn't install successfully. I had the same problem as described in the other answers and went down a rabbit hole to figure out why I couldn't compile. Turns out I had to help the tool install itself. See this comment for details:
https://github.com/madskristensen/WebCompiler/issues/390#issuecomment-475427735
Once I did the steps listed in that comment, I able to both compile files again and was explicitly told by the tool which line of my SCSS had an error.

I was able to solve this issue for myself by using individual file compiling, instead of "All files".
I was getting a "Compiling successful!" message, but that didn't seem true because my compile file didn't contain my change. So here's what I did:
Open Window > Task Runner Explorer. In your left column, there is a task for "All Files". That's fine. Ignore it.
Compile your SCSS files individually. Do this by right clicking on each SCSS file in that list, and then Bindings > After Build. (Or add the task to whatever event you prefer. I chose After Build.)
Open any SCSS file in your project and add a test. I added something like #TEST2 {color: hotpink;} to my SCSS file.
Now when you save, your compiling takes a few seconds longer. Now open main.css and see if your change (#TEST2) exists in the file.

Related

An "Errors exist in the active configuration of project X. Proceed with launch?" dialog appears while debugging code in Eclipse. Hitting the "Proceed" button results in successful debugging. There are no apparent errors with the launch configuration. A similar Run Configuration does not generate the error.

This is caused by an invalid path somewhere in your Eclipse project settings. There are a couple common sources for this kind of error.
You're working on a shared (version controlled, copied, etc) project where someone has hardcoded a path that doesn't exist on your machine, or uses an environment variable that you've not set.
Sometimes, you can find the offending path by looking at the full list of Error messages. If not, look in your project file.
The Discovery Options in your project properties has 'Automate discovery of paths and symbols' enabled - but the process is generating an error.
If you're using a version of Eclipse that warns you this option is deprecated, uncheck the option to disable it and fix any includes in 'Preprocessor Include Paths' instead. If not. . .try it anyway.
Depending on your path changes, restart Eclipse and try again.

It starts the executable that was built last before you broke the build. That executable will be older then your source files. The reason you were able to debug is because your line numbers did not change for the code you've debugged - e.g. you may try break in main then introduce a compilation error and move main a couple lines below - the debug will highlight the wrong lines when it stops.

Using libgdx and just trying to get the HTML version of the basic setup is driving me crazy. I get this error
Loading modules
com.me.mygdxgame.GwtDefinition
[ERROR] Unable to find 'com/me/mygdxgame/GwtDefinition.gwt.xml' on your classpath; could be a typo, or maybe you forgot to include a classpath entry for source?
[ERROR] shell failed in doStartup method
this happens unless i actually named my app com.me.mygdxgame
i can't find any mention of this link(com.me.mygdxgame) any where in any of the .xml files and don't know where eclipse is getting it from. It gets that error on loading the index.html file but even in it the links are correct. Any help would be appreciated.
and i just searched for any mention of mygdxgame in all file in the workspace and got back 0

OK found out what it was.
The war directory was somehow getting cross linked to a same named game so no matter how many times i remade it it was getting linked to an old folder i had before. So even though all the directory's in the properties looked right the war folder was wrong. to fix it i had to un-check the "This project has a war folder" from the property's |Google|Web Application tab apply it then i tried running it as a web app it told me i didn't have a war directory so it would not run. That part may not be necessary but when i rechecked the box and re-selected the only war folder it would let me. the next time i ran i got to re-select the war folder from a full directory and not just my projects directory. This fixed the problem.
Just to clarify Eclipse seems to save war folder information by the name of the folder in which the project is contained what happened in my case was i had created a folder called MyGame in which i stored a project named com.me.mygdxgame the default for using libgdx. later i renamed that folder MyGame_old and started over with a new MyGame folder in which i named the project anything else doesn't matter the point is it never asked me for the war folder when i went to run it the first time, it just assumed somehow i was using the old one which was now in MyGame_old don't know how it found it but it did. so it was reading old files with bad links.
hopefully this might help someone else with this problem.

I came across this error as well but your suggested fix didn't work for me. After some investigating, here is what I did to get it to run: open the "Run Configurations" for the project and then click on the "Arguments" tab. Remove any reference to the com.me.mygdxgame.GwtDefintion in the arguments.
After this, project ran error free. Hope this helps.

After reading some posts it was clear that this problem was caused by GWT. One main reason for this problem is you are constantly reusing the same port and GWT is reusing the old properties.
There is really simple fix for this.
right click -html project.
Run-> run configuration.
Go to server tab.
check automatically select an unused port.
Press apply and

My project's name is for example 'xyz' , in the war file the compiler has to create the xyz folder and .nocache.js , hosted.html , .cache.png etc. But I think sometimes the compiler doesn't create all the needed files and it causes the "GWT module 'xyz' may need to be (re)compiled" problem when I deployed my project to tomcat server.
What I want to ask is , how can I create all the files by myself or make the compiler create all the needed files? I tried to use speed tracer. But I am not sure if it is right.
Thanks.

The "GWT module 'xyz' may need to be (re)compiled" message is symptomatic of running a xyz.nocache.js generated by the DevMode rather than the Compiler.
Things to check:
if there's no *.cache.js or *.cache.html in your war/xyz folder, then you didn't run the Compiler (at all)
if there are but it still generate the error, then you might have run the DevMode after you run the Compiler, and made some changes to your xyz.gwt.xml file (in that case, the DevMode will overwrite the existing xyz.nocache.js, otherwise it keeps it around).
In any case, run the Compiler to fix the issue. If you're using the Google Plugin for Eclipse, that's the red toolbox icon, not the blue circle.

While debugging a large scale project, I use links in the log printout to jump straight to the relevant file and line. Alas in many cases I get the following pop-up:
XXX is not a valid line number in YYY.java
On the main sub-window there's also the following message:
The JAR file M2_REPOorgapache...some.jar has no source attachment.
Of course I checked that:
M2_REPO (defined under WindowPreferencesJavaBuild PathClassparth Variables) points to the maven repository correctly
the path and filename in the message above is correct and the file exists
YYY.java has line XXX and indeed it is the source of the log message
What could possibly make eclipse mistake in this trivial task?
What other configuration might be set wrong?

Press Ctrl+Shift+R and enter YYY.java. Eclipse will then tell you which YYY.java it can see. Chances are that it sees more or other source files than you expect.
The maven error message means that it's missing M2_REPOorgapache...some-version-sources.jar This file must be in the same directory as some-version.jar for Eclipse to attach the sources to the binary JAR.
If you have the sources, copy it there. If you don't have them, there is a chance that Eclipse can download them for you. Open the context menu for the project -> Maven -> Download sources ... wait ...

I just experienced the same issue. I was using the apache tomcat debugger and had the following line in the output:
SERVER: 2015 Jul 05, 13:11:58.311 (http-nio-8080-exec-4) DEBUG - (ForwardActionBean.java:41) forward
Clicking on the link in the output window gave me the error "41 is not a valid line number in ForwardActionBean.java"
The problem was: I had two projects open and each had a class called ForwardActionBean
The solution was: remove the project I wasn't working on from eclipse.
Hope this helps the next person that comes across this issue.
Also, it's important to make sure line numbers are being generated by the compiler (this is the default behavior so it is probably not the source of the problem). This can be checked by selecting window->preferences->java->compiler

Just simply restore your java compiler settings to default and uninstall your any decompiler add-on in your Eclipse, and the problem is solved!

I'm trying to fix a build file where a part of it runs a bash script to generate a file. This file generation takes under a second and wasn't a problem until we moved to eclipse.
The issue is that if I save any file in eclipse with a change and then run ant to build. I get a "class not found" error on the generated file. Seems like eclipse is doing something to the newly generated file (it even shows it with an error check box)
If I wait a few seconds more and run the build again, it works fine.
What I have been trying to use is this.
<waitfor maxwait="30" maxwaitunit="second">
<available file="${src}/thefile.java"/>
</waitfor>
It does not work. I also tried to look at something called <readable> under the selectors set which by the documentation could be used in junction with some other waitfor methods.
How can I fix this problem or is there another way around it?

Found the issue. Eclipse was locking the generated file while it was building the workspace so the bash script that generated it would mess up.
The building of the workspace took 4-5 seconds so that was the delay.
I was able to speed up the building of the workspace by disabling the XML and DTD validation. (Window > Preferences > Validation)

Hello everyone,

I am using asp.net Zero version 4.
Now I upgraded to V5 and have some problems. I was able to solve some of them (therefore I write the solution for others) and some of them I could not. Here I hope for help from the forum.

By the way, my «upgrade» looks like I’m using a new version and reprogramming all changes (entities etc.) manually. In my opinion, a simple «migration» is not possible.

First of all, I have to say that I updated all versions of my development environment to the latest version and meet all requirements (according to my knowledge).

I only use the web solution (no IOS/Andoid) with ASP.NET Core & jQuery (no angular but with .net Framework) with Version 5.0.5
Since I used a new installation as a basis, the problems should be reproducible.

Problem 1:
A simple compilation was not possible on the fly, because some projects did not have a «valid». net framework.
The same problem as: #[email protected]

Solution: Visual Studio seems to gray out the drop-down if you want to use multiple frameworks. Simply change the parameter <TargetFrameworks> in the Files Application.Shared.csproj and Core.Shared.csproj to <TargetFramework> (without «s»).

Problem 2:
When opening the HostSettings page, I get the following error:
InvalidTimeZoneException: «Sudan Standard Time» was not recognized as a valid IANA time zone name, or has no equivalant Windows time zone.
TimeZoneConverter.TZConvert.IanaToWindows(string ianaTimeZoneName)

The only thing I found on the net was that Sudan changed its time zone 4 weeks ago.
<a class=»postlink» href=»https://support.microsoft.com/en-in/help/4051956/time-zone-and-dst-changes-in-windows-for-northern-cyprus-sudan-and-ton»>https://support.microsoft.com/en-in/hel … an-and-ton</a>

Solution: no idea

Problem 3:
At the first start I immediately noticed that various javascript and icons etc. did not work.

Solution: The lib folder is not created in the MVC project. In the public project, however, it is error-free. I solved the problem by starting gulp manually so that the gulpfile was processed.

Problem 4:
In the mvc project Iam not able to compile the css files. I tried Web Compiler -> Re-compile. Web-Compiler Output is: Web Compiler found an error in compilerconfig.json
Not more messages or errors. But I must also say that I have no experience with the Web Compiler.
I don’t know what I’m doing wrong. But I really need to get rid of the (my opinion) ugly purple ;-). I changed the brand-color in _config.scss (metronic documentation)

Solution: no idea

Generally speaking, you notice that version 5 was released very quickly. The complete documentation is still very far behind.
(The documentary still talks about projects with .web etc., but in the meantime there are MVC, Core and Public).
Also the initial topic with the connection strings etc.. (4x appsettings.json)

However, this is rather a smaller «clean-up work». An experienced programmer should have no problems with this.

The product is still absolutely awesome. I think that the small problems will be solved professionally by support as usual.

Best regards

Michael

5 ответов

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

See the changelog for changes and roadmap.

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

Getting started

Right-click and .less, .scss, .styl, .jsx, .es6 or .coffee file in Solution Explorer to setup compilation.

A file called compilerconfig.json is created in the root of the project. This file let’s you modify the behavior of the compiler.

Right-clicking the compilerconfig.json file let’s you easily run all the configured compilers.

Compile on save

Any time a .less, .scss, .styl, .jsx, .es6 or .coffee file is modified within Visual Studio, the compiler runs automatically to produces the compiled output file.

The same is true when saving the compilerconfig.json file where all configured files will be compiled.

Compile on build / CI support

In ASP.NET MVC and WebForms projects you can enable compilation as part of the build step. Simply right-click thecompilerconfig.json file to enable it.

Clicking the menu item will prompt you with information about what will happen if you click the OK button.

A NuGet package will be installed into the packages folder without adding any files to the project itself. The NuGet package contains an MSBuild task that will run the exact same compilers on the compilerconfig.json file in the root of the project.

Compile all

You can run the compiler on all compilerconfig.json files in the solution by using the keyboard shortcut Shift+Alt+Y or by using the button on the top level Build menu.

Task Runner Explorer

Get a quick overview of the files you’ve specified or execute a compilation directly in Task Runner Explorer.

You can even set bindings so that compilation happens automatically during certain Visual Studio events, such asBeforeBuild and Project Open.

Error list

When a compiler error occurs, the error list in Visual Studio will show the error and its exact location in the source file.

Source maps

Source maps are supported for .scss files only for now, but the plan is to have source map support for all languages. Web Compiler differs from it’s predecesor, Web Essentials, in that it inlines a base64 encoded version of the map in the generated .css file rather than producing a separate .map file.

compilerconfig.json

The extension adds a compilerconfig.json file at the root of the project which is used to configure all compilation.

Here’s an example of what that file looks like:

[  {    "outputFile": "output/site.css",    "inputFile": "input/site.less",    "minify": {        "enabled": true    },    "includeInProject": true,    "options":{        "sourceMap": false    }  },  {    "outputFile": "output/scss.css",    "inputFile": "input/scss.scss",    "minify": {        "enabled": true    },    "includeInProject": true,    "options":{        "sourceMap": true    }  }]

Default values for compilerconfig.json can be found in the compilerconfig.json.defaults file in the same location.