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!!
If I remove the #region declaration:
* {
margin: 0;
}
html {
margin: 0;
padding: 0;
height: 100%;
}
body {
background-position: center;
color: #333;
font-family: Arial, Verdana, Helvetica, "Sans-Serif";
font-size: .85em;
height: 100%;
}
and select Sort All Properties, I get and error:
Index was out of range. Must be non negative and less than the size of the collection.
Parameter name: index
I'm using VS 2012 if this matters! :)
i have 'HTML Application with TypeScript' project with a 'Scripts' folder. and i'm seeing two problems.
1) I have dragged a bunch of .ts files into the Scripts folder, they appear in the solution explorer. every time I build, the MSBuild task doesn't build my .ts files, it only builds the 'app.ts' files that came with the project template. if I delete the 'app.ts' file, then it just shows a tsc.exe syntax error during build, since nothing is passed to the tsc.exe command line.
how do i get it to build the files in my scripts folder?
2) every time I build, I see a whole bunch of 'tsc.exe' processes started (by devenv.exe, NOT MSBuild.exe), one for each source file. these tsc.exe processes don't exit and I have to kill them manually (otherwise windows fails pathetically to handle the OOM and grinds to a halt).
how do i stop this?
Hi Mads,
When using the result of a LESS file as embedded resource in a dll, in combination with WebResources, a problem arises with the minified css file.
For example, when addin the following in a .less file:
.cmp-fsf-border { background: url(~'<%= WebResource("somens.someimg.png") %>') }
This gets correctly transformed to the following css:
.cmp-fsf-border { background: url(<%= WebResource("somens.someimg.png") %>) }
In the minified css file however it has the following:
.cmp-fsf-border{background:WebResource("Creative.Waad.Resources.Images.emc3.cmp-fsf-bg.png")%>)}
This is obviously not correct. Is there anything you can do to fix it? Right now we have a warning comment in the .less file that says if you change it you have to replace the following:
WebResource(
with
url(<%=WebResource(
But you can see that this isn't optimal, especially now that Web Essentials by default compiles all .LESS files upon build. It takes only one developer to forget to turn that off and we've got a problem.
Thanks in advance,
Robert
I have a CSS rule which defines a linear gradient background, but with a fallback to a background image, like this:
input.submitButton {
background: url(/Images/Core/Active.png) 0px 0px repeat-x #3d3d3d;
background: -moz-linear-gradient(top, #636363 0%, #3f3f3f 100%);
background: linear-gradient(top, #636363 0%,#3f3f3f 100%);
}
When I use Web Essentials -> Sort All Properties, this becomes:
input.submitButton {
background: -moz-linear-gradient(top, #636363 0%, #3f3f3f 100%);
background: linear-gradient(top, #636363 0%,#3f3f3f 100%);
background: url(/Images/Core/Active.png) 0px 0px repeat-x #3d3d3d;
}
This is wrong! With this new order, the background image is no longer the fallback style, but will take precendence even when gradients are supported by the browser.
Hello, I have a problem when my LESS is compiled to CSS it has byte order mark and thus css rules do not work.
Example:
.footer {
text-align: center;
a {
color: red;
}
}
will get compiled and it will show as if everything is correct, however it will have an invisible character that does not take any space at the beginning of rule and thus rule will become not working.
[here is the problem].footer a {
color: red;
}
Hi. If LESS file is not starting with selector, compiler throws syntax error.
I want my files to begin with comments and imports.
Example:
This works:
html {
}
/* SIZES */
@width-default: 1060px;
@width-content: 100%;
This do not:
/* SIZES */
@width-default: 1060px;
@width-content: 100%;
This do not:
@import "sizes";
// COLORS
@base-font-color:#FFF;
@background-main-color: #EEE;
Any suggestions?
So parameter names in angular are important
angular.module('Controllers', [])
.controller('home', function ($scope, $http) {
'use strict';
$scope.count = 0;
$http({
url: '/api/getcount',
method: 'GET'
})
.success(function (data) {
$scope.count = data;
});
})
if the parameter is not called "$http" then it will not know what to provide for it.
I appreciate the js minification feature but it breaks my angular apps when they are minified.
Is there anything I can do about this ?
View Large
