Styles from library are not loading

I used this generator to create a boilerplate for developing a component library for Angular 4. All these components have separate template and style files. However, when I install the library package in an empty Angular application, the component styles aren’t applied. The templates and styles are being inlined and I can see them in the generated .js files. The templates and actual code from the library work fine though. Do I need to change a setting or something like that?

An example component in the js bundle file looks like this:

AppComponent.decorators = [
    { type: Component, args: [{
                selector: "app",
                styles: ["div[data-width-unit=\"0\"] { font-weight: bold; } h1, h2, h3, h4, h5, h6 { display: inline; }"],
                encapsulation: ViewEncapsulation.None,
                template: "<router-outlet></router-outlet>"
            },] },
];

[kajnelissen]

The problem had to do with ViewEncapsulation. There was a component with ViewEncapsulation.None in the library and I expected its styles to also globally apply in the consuming application. Turns out that that is not the case. Maybe you have the same issue @sebvieira ?

[jvandemo]

@kajnelissen — Thank you for the update. I will close this issue but feel free to re-open if you feel it is related to this generator. Thanks!