css - How to include LESS files in web page using Web Essentials? -


i have installed web essentials 2013 , created default mvc project testing purposes try less functionality.

i removed bootstrap css files , put folder named less inside content bootstrap's .less files when right click on them web essentials menu grayed out , doesn't compile anything... how can include less files inside web page auto compile using web essentials. possible?

the settings of web essentials following:

"less": {     "compileonbuild": true,     "compileonsave": false,     "enablechaincompilation": true,     "generatesourcemaps": true,     "minifyinplace": false,     "outputdirectory": "css",     "processsourcemapsforeditorenhancements": true,     "showpreviewpane": true,     "strictmath": false } 

just configure web essentials compile on save , build. way can manually generate css saving less file.

less options

optionally, can configure web essentials minify generated css:

css options

also add stylebundle loads generated minified css file:

bundles.add(new stylebundle("~/bundles/css").include("~/content/bootstrap.min.css")); 

Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -