Unfortunately, it causes crashes nearly every time I start to debug the web project. I've tried the latest version and have the latest update to VS 2012. (When this is installed, can't debug, and VS2012 crashes, when it's not, everything works smoothly).
In theory this plugin would easily earn 5 stars, but it seems there are some issues with the js bundle plugin/minifier and JSHint. Two things: 1.) The minified version doesn't seem to work all the time (I mean it might be something I could fix if I would "optimize" the JS code a bit more, but for small web project I just want something that works out of the box). One thing it "broke", e.g. was the jQuery plugin jTruncate. 2.) While it seem to compress better than YUI, Google Closure Compiler seems to make a better job even with the Simple optimzations. So maybe Web Essentials could use GCC and allow a new preference, something like "advanced=true" to achieve even better minification. 3.) And possibly the most important thing: JSHint should become more customizable. E.g. there is this other VS Extension JSLint that imo does a much better job (though I don't really want another VS extension installed): You can set your custom namespaces, it is possible to check a single file on save (much better than checking all files on build, which can get really annoying if you work on big JS projects). Anyway, thanks for this quite helpful extension and up the good work.
Today I saw your session on Techday 2013 in Den Haag and you've made some really cool stuff!! The CSS hell is mitigated thanks to the Web Essentials 2012.
No more LESS support in the latest version. But "LESS" is there on the product page, there's even a LESS-settings tab in the options. Thanks for ruining our work process.
This extension is #1 result in Google for "Visual Studio LESS".
PS. the new "ASP.NET and Web Tools 2012.2" only highlights LESS code, but does not compile it!!
When I add .ts file to my web solution that hasn't project,
I see preview window, but it is empty, and compilation after save doesn't work.
How can it be fixed? I doesn't want to create project.
I have some troubles:
1) import sometimes doesn't work
2) comments "//" don't work if they are in begin of string
3) 4 times from 5 I get error "ERROR: {"type":"Syntax","message":"Access Denied.\r\n","filename":null,"line":null,"column":-1,"extract":[null,null,"@import \"LessSources/reset\";"]}"
4) Sometimes marks as error some operators (one string is normal, next (same syntax) is error...
and many many...
All it for Less module, Visual Studio 2012 Ultimate...
At the time I use Mindscape, not so cool, but it works..
It could be done by adding a label for .ts files via context menu:
Web Essentials -> Compile as single
All marked files would run their own compilation using --out option.
Hi Mads,
Is there any way to import less file without using of real import directive.
The feature is described here: http://webessentials.uservoice.com/forums/140520-general/suggestions/3088148-less-preview-support-for-reference-imports
PS: Thanks for such useful extension.
Regards, Nik Govorov.
I'm using the '--module amd' option for compiling my TypeScript files, so it would be nice if Web Essentials supported this option for the preview pane and output.
This works great. But it would be even better if we could set this per project. It makes it kind of hard to use TypeScript in VS with both node.js and AMD in a browser right now.
The option to enable AMD output doesn't appear to be working for me. I have v1.4 installed, but the code in the preview pane does not change. I tried removing and re-adding the files, but got the same results.
Mads,
I'm using the latest version [ 1.4 ] of this awesome and powerful VS 2012 extension. I have a problem though:
I use this code to style the pre tag (http://stackoverflow.com/q/248011/114029):
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
When it is minified with the extension, I get this:
pre{white-space:-o-pre-wrap;-ms-word-wrap:break-word;word-wrap:break-word}
As you see there's only on white-space property there. This breaks the thingy in different browsers.
If you try this online YUI Compressor http://refresh-sf.com/yui/ the minified version has it right:
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;-ms-word-wrap:break-word;word-wrap:break-word}
Hope to see this fixed in an upcoming release.
Thanks,
Leniel
@Mads -- It just says "Item(s) Saved"
I've seen this now for 2 different people (both while presenting unfortunately) on 2 different machines. Also, it's happening on my home machine while doing "real" work. I'm happy to send you the .css i'm using to see if that helps repro.
Thx.
Is there a way to show the generated files as nested from the source file? For example, it would be great to see file.ts with a nested generated file.js.
When I added a .ts file to a Windows Store project, it created the .js file on save like it was supposed to but didn't add the file to the project. Is this a part of the aforementioned update? Or is it already there and I've got something configured wrong?
The @import statement doesnt seem to working.
Is there any way i can turn of the .Less syntax support in Web Essentials so i can use the Less support provided by MindScape Web Workbench instead?