source map does not appear

hau.nguyen
hau.nguyen Spryker job Posts: 23 🧑🏻‍🚀 - Cadet

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

Tagged:

Answers

  • Hidran Arias
    Hidran Arias Senior Technical Trainer Sprykee Posts: 83 🏛 - Council (mod)

    Hi Hau,

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

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

  • hau.nguyen
    hau.nguyen Spryker job Posts: 23 🧑🏻‍🚀 - Cadet

    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
    Hidran Arias Senior Technical Trainer Sprykee Posts: 83 🏛 - Council (mod)
    edited January 22

    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