wrong CSS output file extension

[adrianjost]

Problem

Storybook from the schul-cloud/nuxt-client can not load styles, because the css output is saved as .scss instead of .css and therefore send with the wrong mime-type when delivered via CDN.

https://unpkg.com/@schul-cloud/[email protected]/build/css/default/variables.scss

The result of this error is, that the colored backgrounds in the storybook do not work.

Idea for solution

Add gulp-rename to the gulp-file: https://stackoverflow.com/questions/32535178/gulp-sass-how-to-properly-name-the-output-css or maybe event better suited: gulp-ext-replace https://www.npmjs.com/package/gulp-ext-replace to rename the CSS output files .css instead of .scss.