Hello team, I made some changes to one of the SCSS files, but cannot see changes. Can you help me re

U015HHFCU1M

Hello team,
I made some changes to one of the SCSS files, but cannot see changes.
Can you help me re-build those styles?

martin

Hi!

I assume you made changes to Yves, right?

There are 2 things you need to consider:

1.) Make sure your scss file is registered in the corresponding index.ts file of the component.

2.) SCSS and Typescript changes are not applied instantly. Best way is to watch for changes by running docker/sdk cli npm run yves:watch

U015HHFCU1M

Yes, changes are made for default Yves template.
I changed src/Pyz/Yves/ShopUi/Theme/default/styles/settings/_color.scss

U015HHFCU1M

Sadly, after running above CLI command, I cannot see any effect in browser.

martin

can you share a screenshot from what you get in the console after running it?

U015HHFCU1M

Tons of things happens.
The very bottom looks like this

 namespace building statistics:
Theme: default
Components entry points: 250
Components styles: 96
Hash: 3c4c96eed7a17cbe040c
Version: webpack 4.46.0
Time: 90967ms
Built at: 09/12/2022 2:19:00 PM
                              Asset       Size        Chunks             Chunk Names
    ./css/yves_default.critical.css   53.1 KiB      critical  [emitted]  critical
./css/yves_default.non-critical.css   40.1 KiB  non-critical  [emitted]  non-critical
        ./css/yves_default.util.css   40.1 KiB          util  [emitted]  util
           ./js/yves_default.app.js   53.3 KiB           app             app
      ./js/yves_default.critical.js   1.38 KiB      critical  [emitted]  critical
  ./js/yves_default.es6-polyfill.js   1.02 KiB  es6-polyfill             es6-polyfill
  ./js/yves_default.non-critical.js   1.38 KiB  non-critical  [emitted]  non-critical
       ./js/yves_default.runtime.js   14.5 KiB       runtime             runtime
          ./js/yves_default.util.js  968 bytes          util  [emitted]  util
        ./js/yves_default.vendor.js    791 KiB        vendor             vendor

U015HHFCU1M

Interestingly, something happened. But it seems layout is completely broken now.

martin

that usually happens if you have an error in your scss code

martin

in that case you need to exit the command and start it again.

martin

alright, that means your build should work fine, otherwise you would have received an error

U015HHFCU1M

It got it working after rebuilding yves.
Thank you.

martin

No worries.