How to generate a source map for minified CSS generated by dotless


Tags: css,source-maps,dotless

Problem :

I'm using dotless to generate a minified CSS file via pre-build task.

Now i wonder how to create an appropriate .css.map file for that minified CSS file. Any ideas?



Solution :

Dotless doesn't currently have support for generating map files. See Here

.map files are usually generated on the creation of the minified file due to having to match up perfectly.

Your best option for generating a .map file would be to compile whatever CSS you have in the normal less compiler and copy it across to your project.

Less Command Line: Documenation

The above documenation shows about command line usage and also, if you scroll down to the options it will give you information regarding source maps etc.


    CSS Howto..

    How to add decoration to link in CSS?

    how to add string to the class javascript(jquery)

    How to update a web app without suffering cached CSS issues?

    How to make an image fully flexible in terms of display size?

    Dropdown list doesn't show up, what am i doing wrong

    css How can I make the page body stay the same size even if I add element to it?

    How to position elements with flex [duplicate]

    CSS: How to toggle switch action on the link?

    How can I style a JavaFX menu and its items in CSS?

    CSS block link - how to get it work properly?

    How to keep a sticky menu contained inside a floating sidebar?

    How do you change the background opacity in CSS?

    How to change underline thickness of an a-tag without using border?

    How can I use css properties with different classes?

    How to convert 1 column records of dynamic table into hyperlink

    How to Remove the Awkward Margin to the Left of my Unordered List?

    How to display UpdateProgress at the center of a grid view with CSS?

    How can I create a responsive web page layout with 'display:inline-block'?

    How to conditionally render CSS and JavaScript inside head element of an HTML

    How to load CSS on PC and Mobile by jQuery?

    How to avoid css transformation(rotate) when removing class?

    CSS - how to put divs in the correct position on a webpage [closed]

    How to set width of container with two div's [closed]

    ng-show/ng-hide breaking CSS animations

    I want to override some CSS that says border:none to have border bottom. How can I do this?

    How can i align the text in center of a row in css?

    How to auto-adjust size of other input fields while typing into input field #1?

    How to make css style on Google custom search engine

    How to display a tree in HTML/CSS? nested left-floating divs and wrapping

    How to put a div in center of browser using CSS?