Sourcemaps not generated for imported styles

[kbkk]

"sass-loader": "^6.0.2",
"node-sass": "^4.5.0",

import './scss/bootstrap.scss'

The SCSS compiles but the sourcemaps aren't generated. However, they are generated for <style> tags in .vue files. I spent a lot of time on it today and I wasn't able to fix it.

[egoist]

you can use <style src=" ./scss/bootstrap.scss"><style> for now.

[kbkk]

Your solution almost worked 👍

You must set appropiate language in the "lang" attribute

here's an example
<style lang="scss" src="scss/bootstrap/bootstrap.scss"></style>

[fchienvuhoang]

Hi @egoist I'm using style link to bootstrap styles and js too, but when run npm run build, i see message WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (250 kB). This can impact web performance. Entrypoints: client (900 kB) Have any problem?