How can styles.scss be seen from any part of the application?

Question

JavaScript

NX is used to combine several angular projects into one . It has a global styles.scss file. it is located in the following location in the directory tree:

apps
  appName
    src
      styles.scss
libs
  lib1
  lib2
  lib3

The problem is that the styles in styles.scss are only visible from anywhere inside the apps directory. And I would like them to be visible to any place in the libs directory too. Please advise how to do it

Answer 1

You need to specify the directory where you want to watch the angular project, that is, for each project you need to add settings in the angular.json file, namely add stylePreprocessorOptions:

...
"projects": {
   "app_name": {
       .....
       "architect": {
           "build": {
              ....
                 "options": {
                   ....
                    "stylePreprocessorOptions": {
                          "includePaths": ["apps/appName/src/", "apps/themes/"]
                     },
                  }
             }
         }
    }
}