I have two different layout
@Theme(value = Material.class, variant = Material.LIGHT)
@HtmlImport("frontend://styles/shared-styles.html")
@HtmlImport("frontend://styles/landing-styles.html")
public class LandingLayout extends Composite<Div> implements RouterLayout, LocaleChangeObserver {}
@Theme(value = Material.class, variant = Material.LIGHT)
@HtmlImport("frontend://styles/shared-styles.html")
@HtmlImport("frontend://styles/application-styles.html")
public class ApplicationLayout extends Composite<Div> implements RouterLayout, LocaleChangeObserver {}
Why in production mode all styles are mixed into one file?
As an example, LandingLayout sees application-styles.html styles. And vice versa
Can I separate them?