Including scss mixins

[chanar]

With aybolit setup, where should I include scss mixins/variables that are being used throughout multiple packages?

Before I used sass-resources-loader in webpack to load the mixins to all scss included.

[web-padawan]

In the monorepo, everything is a package. So, I would recommend placing Sass mixins to a separate package, which could be marked as "private": true in case there is nothing to publish to npm.

See for example how mwc-button web component imports SCSS for icon from the other package.

[chanar]

But how would you separate it from the file structure that the current ./scripts/build-styling.sh is doing?

/scss -> /components/styles

Should I use it only on certain packages then?

I also have now

/packages/app1/scss/global-styles-for-app1
/packages/app2/scss/gloval-styles-for-app2

that needs to be compiled and included in /packages/app2/src/index.js

There is no components for them as all components are in /components.

Is it safe to say that the structure you have built is only for this specific /packages/* setup? The aybolit idea is to be something like Vaadin but much more easily extendable as seen in /core where the base has been set and all other packages extend it.

[chanar]

Closing this issue as we have found an agreement of file structures for now