When ng-afelio styles command is executed, the ui-kit styles.scss is exported in an uniq main.scss in main project. This files contains variables, mixins, classes.
When this file is imported in component's scss files for using variables, all classes contained are "scoped" in each component's css. That increase JS files size. (380KB -> 7,2 Mb in my case)
We need separate global classes (Bootstrap, personnal component classes,...) from only scss stuff (variables, mixins, or %'s libs classes). Global classes could be transformed in css files and only include in style's directive into angular.json file.
When ng-afelio styles command is executed, the ui-kit styles.scss is exported in an uniq main.scss in main project. This files contains variables, mixins, classes. When this file is imported in component's scss files for using variables, all classes contained are "scoped" in each component's css. That increase JS files size. (380KB -> 7,2 Mb in my case)
We need separate global classes (Bootstrap, personnal component classes,...) from only scss stuff (variables, mixins, or %'s libs classes). Global classes could be transformed in css files and only include in style's directive into angular.json file.
Thank you