source map does not appear

hau.nguyen

hi team,

We are viewing from the Frontend training course(https://safari.spryker.com/learn/course/668/spryker-frontend-basics;lp=146).
In the record we see the SCSS sourcemap appearing when inspecting.
But when I check my current local version, the sourcemap seems to be hidden, I don't find any linked scss, instead only see css files.
Even though we have enabled sourcemap in the browser

Is there any config to enable sourcemap in spryker ?

Thanks

Hau Nguyen

Hidran Arias

Hi Hau,

It is configured as inline-source-map by default.

Check out devtool: option in frontend/configs/development.js

hau.nguyen

hi @Hidran Arias ,

I have checked it is declared in frontend/configs/development.js, but it doesn't seem to work.

You can view the record to see clearly

https://www.loom.com/share/0fe6c178cbbb43bd9e678d3771b73486?sid=a1b68bdf-8c48-4301-a7c3-7daa4bec005c

Thanks

Hau Nguyen

Hidran Arias

I took a look at

MiniCssExtractPlugin.loader,
{
loader: 'css-loader',
options: {
importLoaders: 1,
url: false,
sourceMap: true
},
},

sourceMap: true. wasn't set

if you set it to true and reexecute npm run yves:watch or npm run yves , then sourcemaps files are generated.
I'm going to take a look at the repo to see why it is not set by default now

hau.nguyen

hi @Hidran Arias ,

Great,

It's work fine for me

Thanks very much

Hau Nguyen