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.
optionally, can configure web essentials minify generated css:
also add stylebundle
loads generated minified css file:
bundles.add(new stylebundle("~/bundles/css").include("~/content/bootstrap.min.css"));
Comments
Post a Comment