Support for elm-css stylesheets

[MazeChaZer]

@halfzebra What do you think about this feature?
If you like to support this, I would sit down over the weekend and take a shot at this.

I assume one problem would be to determine which Elm file should be compiled into a CSS stylesheet (perhaps always the file src/Styles.elm? Another subdirectory? ...)

[halfzebra]

Hello @MazeChaZer!

Thank you for the contribution!

This is a hot topic at the moment for Create Elm App and we are pretty open to the idea of adding optional elm-css support. You are very welcome to work on a PR 👍

How would you go about implementing it?

[MazeChaZer]

I didn't do much research yet, but I thought that I could just add elm-css-webpack-loader to the webpack config.
Something along the lines of

{
    test: /css\.elm$/,
    use: [
        'style-loader',
        'css-loader',
        'elm-css-webpack-loader'
    ]
}

AFAIK this rule would compile all .elm files within the css/ directory into stylesheets (example based on #124).

[halfzebra]

I don't have a solid opinion on the code organization, but I'd like to:

• Get the CSS from elm-css into the main CSS bundle during the build.
• Use noParse, check out this PR for more details.

 We can probably start with Stylesheet.elm and then consider using a separate folder if anyone is interested.

[MazeChaZer]

@halfzebra Sounds good 👍

[halfzebra]

I have merged the docs from #137 and they are available in User Guide

@MazeChaZer thanks for your help! 👍