Why the extra RawPlugin when importing StylesUrl?

[davidanaya]

Hi Alex, thanks for the plugin, it looks very promising.

I'm sorry to ask here but there's not much support for fusebox still out there.
I'm using your plugin to use templateUrl and stylesUrl in my app and with my configuration

plugins: [
    [SassPlugin(), CSSPlugin()],
    CSSPlugin(),
    Ng2TemplatePlugin()
]

I see in my bundled app.js that the regular imports have been converted to

AppComponent = __decorate([
    core_1.Component({
        selector: 'app',
        template: '\n    <arc-form></arc-form>\n  ',
        styles: [require('./app.component.scss')],
        encapsulation: core_1.ViewEncapsulation.None
    }),

so, my template has been imported directly and the styles transformed to a require.
As I already have [SassPlugin(), CSSPlugin()], configured, shouldn´t this work already as it is?

Why do you recommend to use RawPlugin instead?

    plugins: [
        Ng2TemplatePlugin(),
        ['*.component.html', RawPlugin()],
        ['*.component.css', RawPlugin()]
     //   or with a css pre/post processor...
     // ['*.component.css', PostCss([precss()]), RawPlugin()]   
    ]

Thanks!

[alex-klock]

Hi!

I believe this is needed to allow the stylesheet to be imported as a JavaScript module. The module itself gets converted to a JavaScript string, which is then required in the templateUrl property of the component.

It may not be needed so if you observed otherwise feel free to let me know :). Might just be the stage I ended up in during some trial and fire getting it to work.