I have made an angular library (in Angular 12.2.12) which is importing CSS files from node_modules, but when I use it on my application, I got this error:
GET http://localhost:60435/~@progress/kendo-theme-material/dist/all.css
Here is the structure of my workspace:
| - root
| - common-libraries
| - node_modules
| - @progress
- [...]
| - projects
| - my-library
| - src
| - assets
| - style.css // Compiled css file from below
| - styles.scss // This file is importing all files from common-libraries/src/sass
| - src
| - sass
| - overrided
| - override_progress.scss // This file is importing css file from common-libraries/node_modules
| - file1.scss
| - file2.scss
| - file3.scss
| - front-app
| - node_modules
| - my-library
| - src
| - sass
| - styles.scss // This file is importing ~my-library/
I'd like to import a CSS file from common-libraries/node_modules
, something like common-libraries/node_modules/@progress/kendo-theme-material/dist/all.css
. How should I do it ?
In front-app/src/sass/styles.scss
, I'm importing ~my-lib/src/assets/style.css
, which leads to the error above