Menu
I need to upgrade an application I'm working on with the latest Bootstrap version but I'm struggling to figure out what an addition of bootstrap.css.map is for?
Do I need to have them to have the css work properly?
I did some search before writing this but since it's relatively new, I haven't come across any tangible explanations to this.
853
The main purpose of map file is used to link the css source code to less source code in the chrome dev tool. As we used to do . If we inspect the element in the chrome dev tool. you can see the source code of css. But if include the map file in the page with bootstrap css file.
MAP file is for HTML image maps. An image map is formatted in HTML and creates click-able areas over a provided image. More generically, the . MAP extension can be used to denote any file type that indicates relative offsets from a starting point.
CSS map file is a JSON format file that connects the CSS file to its source files, further, it is often written in preprocessors (e.g., Less, Sass, Stylus, etc.), allowing for live debugging of the source files from the web browser.
It is source map for Firefox and Chrome debuggers.
http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/
Because the source code is minified/bundled the line numbers do not refer to the orignal files. Source map protocol fixes this, allowing the web debuggers to refer to the original context from where the CSS was generated.
64
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
