Helped me a ton with a lot of things. I am looking forward to how far this can help my day to day tasks with CSS to be more streamline and simplified coding. In the past CSS has been daunting, web essentials is helping things be more fluid in my process.
In last upadate (v 2.3) I had an issue on less file compiling. When I use this @import url('../../../../../Content/dizayn/css/i.less'); in my less file it gives an error that it cannot find the file. In earlier version (2.0) it compiles successfully. So I have installed 2.0 back again.
Great tool! Finally good support to Zen Conding in Visual Studio. Though it would be nice to update it to use the lastest version, which was renamed to Emmet: http://emmet.io
Really great extension, but after the latest update I got the following error when trying to sort properties:
Could not load file or assembly 'Microsoft.Web.Languages, Version=1.1.0.0, Culture=neutral, PublicKeyToken=24771839d8d21066' or one of its dependencies. The system cannot find the file specified.
I'm getting exactly the same issue as samuel.milton.
Using VS2012 and getting his same issue
I'm getting "Undeclared variable" and "Undeclared mixins" when I edit the Bootstrap LESS-files which results in "Compile error" in the preview window...
Can you help me pls?
EDIT: Mixins and variables on another sheet should they be available from another within importing the sheet? e.g. if I have colors.less and then layout.less should it fetch the vars/mixins from colors.less without importing it? I'm quite new to less but seeing other projects that's what they don't usually import and import only to combine
I'm trying to get my site going with VS2012 and Twitter Bootstrap (LESS).
But i'm getting "Undeclared variable" and "Undeclared mixins" when I edit the Bootstrap LESS-files which results in "Compile error" in the preview window... Ideas?
Edit: Screenshot: http://i.imgur.com/DfydD.png
Edit two: Thanks Mads for the reply. Clearly a five star addon!
Are you using latest version of Microsoft Ajax Minifier (http://ajaxmin.codeplex.com/) to minify the JavaScript? If you are then would it be updated automagically? And If not, then how would you compare these two?
Update: After running couple of tests, I have observed that the latest release of Microsoft Ajax Minifier (4.78, released 12/07/12) outperforms Web Essentials' JavaScript minification by 3.5%.
The sources property in the generated .map file seems to always include the relative path from the root of the server. The problem is that our applications use virtual directories and therefore these references don't work when trying to debug from the browser. It all seems unnecessary too since the bundling is happening at a folder level so you could always assume the reference is relative to the map file. We are having to add a post build step to fix our references in the "sources" property after each time Web Essentials messes them up.
Other than that, great job ;)
Visual Studio 2012 Update 2
Web Essentials 2.7
Hello,
Every time when I try to change or create any .less file, I got this message in css preview:
/*
Compile Error.
See error list for details
*/
And when I open Error List, I can see this:
LESS:
This thing same everytime, no description at all. It doesn't depend from code, even this code generate error:
body {
}
What shell I do?
I've just noticed that in my sln tree the icons of .ts-files became 'media-playerish' (old-style 'film' icon with the 'play' sign on it), and the same time Web Essentials seems to know nothing of the .ts-files. Symptoms:
- ts-files are opened in VS by plain text editor; no intellisense, no generation on save;
- no generation on build if set;
How to fix it? Reinstalling of WE didn't help. Nor did setting Windows file '.ts' association from Media Player to VS.
Hello,
In my project I have the following directories :
css
components
component.less
core.less
component.less contains the following style :
background: url(../images/triangle_v3_top.png) no-repeat;
The component.less file is imported in core.less :
@import "components\component.less";
In the core.css file generated I have this :
background: url(composants\../images/triangle_v3_bottom.png) no-repeat;
The backgroug url is wrong, it must be :
background: url(../images/triangle_v3_bottom.png) no-repeat;
When I use Prepros to build less file (http://alphapixels.com/prepros/) the url is correct.
I have a CSS bundle and no matter what I try, it won't update. When I make modifications to a .less file and save it, the corresponding .css file is updated. Then I try to build the website or I go the to Web Essentials menu under BUILD and select "update all bundles" but nothing happens.
I had a similar issue but with just the minified versions of the bundles. For me, if I removed one of the <file> entries from the .bundle file, saved, then added it again, the bundle would get updated properly. Hope it helps!
When i save my less files they do not get minifyed even if I have set it to create .min.css
Output says :
LESS: Compiling _styles.less
_styles.less compiled
But no min.css or css either. What can be wrong here?
I'm attempting to use the 'compile on build' option for less and it doesn't seem to be working. (latest version, 2.7) I change a dependent file, hit compile and the main less file that imports that file doesn't get rebuilt. The only way I can get the main less file to regenerate the css is to go into it directly and hit save. Am I doing something wrong?
I have a couple of .less files that do no more than facilitate the inclusion of smaller less files -- such as a responsive grid LESS file that sets up media queries and then imports each break, in a total of 6 @import calls (one for grid setup, one for design, for Desktop | Mobile | Tablet).
When I try to save these files I notice a cscript.exe thread getting up to about 2GB of RAM and then breaking. Is there anyway I can debug this extension to give a better understanding of where this breaks? I get an empty error that simply states 'LESS: '
I'm a dummy. The issue I was having was from not using @import-once. I believe @import-once is removed in the latest version of LESS so that's probably why I decided to remove them from my code.
Hi!
Just upgraded from 2.5.1 to 2.6, and all our cross-project imports stopped working. Like this:
@import "../../../../Themes/MiP.Theme/Styles/mip-mixins.less";
This worked before but now gives the following compiler error:
LESS: Couldn't load themes/MiP.Theme/Styles/mip-mixins.less (404)
Can you fix this please? :) Or tell us what we're doing wrong. Or provide some kind of workaround. We are not very keen on duplicating all our less files... :)
The interesting thing is that LESS is supposed to be handled by Web Tools now since 2.5. Reverting back to the 2.5.1 download from http://vswebessentials.com/changelog fixed my problem. I imagine both Web Tools and Web Essentials have some conflicting dependency for path resolution.
I am seeing this issue in 2.6 inside of the same project - rolling back to 2.5.1 has not resolved the issue. Think there may be a remnant lurking somewhere after the uninstall.
See this thread for the description of the issue and for a possible workaround: http://forums.asp.net/p/1900852/5371528.aspx/1?p=True&t=635022256782196589
Alternatively you can just downgrade the less compiler from v1.3.3 to v1.3.1 which fixes the issue. See here:
http://stackoverflow.com/questions/15691713/less-compiler-and-relative-import-references-not-working-in-web-essentials-2012
The "Replace with original 1.3.0" workaround here http://forums.asp.net/p/1900852/5371528.aspx/1?ASP+NET+and+Web+Tools+2012+2+bug+in+resolving+imports+in+LESS+files+workaround+included worked for me.
It looks like the problem is really with Web Tools. I imagine that Web Tools or Web Essentials or both fiddles with the scripts in that directory so reveting to 2.5 reverts the 1.3.3 script to 1.3.0
Reverting to v1.3.0 in Web Essentials 2.7 doesn't work for me. Instead, it just keeps creating threads that go to compile the LESS but just consume memory.
Is there some magic setting to get JSDoc comments to be parsed for IntelliSense? I can't seem to get this working in 1.7. I have a simple test file with the following:
/**
* Does something.
*
* @param {string} myParam
*/
function doSomething(myParam) {
}
Inside the function, myParam seems to have no type information. Outside, inline documentation just spits out the whole unformatted comment block for doSomething. Anyone have any ideas how to get this to work? Thanks!
I am having the exact same problem. JSDOC does *NOT* work as described. Am I missing something? I am using the exact same format as dornif:
/**
* Does something.
*
* @param {string} myParam
*/
function doSomething(myParam) {
}
But when attempting to use 'doSomething', Intellisense just dumps out the entire comment block (/* ... */) above the function instead of providing the intellisense I expect for each parameter.
View Large
&size=large&version=00000000-0000-0000-0000-000000000000){kind=avatar}
&size=large&version=00000000-0000-0000-0000-000000000000){kind=avatar}
