Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Source map reference fails in Edge/IE 11 #21

Open
RinkAttendant6 opened this issue May 29, 2017 · 4 comments
Open

Source map reference fails in Edge/IE 11 #21

RinkAttendant6 opened this issue May 29, 2017 · 4 comments
Labels
enhancement

Comments

@RinkAttendant6
Copy link

Problem

Microsoft Edge doesn't attempt to load the .map file due to the location of the source map comment in the CSS output.

This is somewhat a known phenomenon (with both CSS and JavaScript): https://stackoverflow.com/q/34687049/404623

Reproduce

main.less

html{color:red}
body{color:blue}

index.html

<!DOCTYPE html>
<link rel=stylesheet type=text/css href=main.css>
<p>Hello world</p>

Run lessc with the clean-css plugin:

lessc --source-map --clean-css main.less main.css

Output (main.css)

html{color:red}body{color:#00f}/*# sourceMappingURL=main.css.map */

Upon loading index.html in Microsoft Edge and opening Debugger in the F12 Developer Tools, there is no request made to the server for the map file, and inspect element shows main.css references in the Styles panel instead of main.less

Expected results

Edge should attempt to load the main.css.map file and refer to the code in the main.less file in the Styles panel in the F12 Developer Tools.

Expected output of main.css (note the newline)

html{color:red}body{color:#00f}
/*# sourceMappingURL=main.css.map */

Manually editing the files to add the newline character fixes the problem but defeats the purpose of the build tool.
@seven-phases-max
Copy link
Member

Since the plugin is just a wrapper for clean-css - the issue redirects there.

@seven-phases-max
Copy link
Member

Closing as not a plugin issue.

@RinkAttendant6 RinkAttendant6 mentioned this issue May 29, 2017
Closed
@RinkAttendant6
Copy link
Author

The author of clean-css has corrected the issue, however it seems that this plugin concatenates the results of clean-css as indicated in the comment from the cross-referenced issue.

Would it be possible to prepend a newline character (os.EOL) when concatenating with the sourcemap?

@seven-phases-max
Copy link
Member

seven-phases-max commented Jun 8, 2017 •
edited

Would it be possible to prepend a newline character (os.EOL) when concatenating with the sourcemap?

It is I guess.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@RinkAttendant6 @seven-phases-max