CSS map (cssSourceMapping)

[SventB]

Bug Report

Prerequisites

• Can you reproduce the problem on TYPO3 v10.4 LTS
• Can you reproduce the problem on TYPO3 v11.5
• Did you perform a cursory search
  to see if your bug or enhancement is already reported?

Description

I'd like to enable CSS source maps.
I've activated it in TypoScript:

plugin.bootstrap_package.settings.cssSourceMapping = 1

And after some debugging I got it to work.

I had to disable CSS compression and concatenation:

config.compressCss = 0
config.concatenateCss = 0

Description says, this will be done automatically:

CSS source mapping: Create a CSS source map useful to debug CSS in browser developer tools. Note: CSS compression will be disabled.

And in windows environment, the file paths are wrong:

[cumuru]

I will have a look.

[cumuru]

We changed the concept: the source map will now be an external file in the same folder as the compiled CSS file. The source map file will include the sources itself so you‘ll be able to move your SCSS to a private folder and avoid exposing them.
Please note that atm legacy inclusion does not work with TYPO3 v12.

[SventB]

@benjaminkott @cumuru But still, source map is not working. I still have to disable CSS compression and concatenation. Perhaps you should do this with a TypoScript condition in EXT:bootstrap_package:

[{$plugin.bootstrap_package.settings.cssSourceMapping} == 1]
    config.compressCss = 0
    config.concatenateCss = 0
[end]