How can I maintain stylesheets during Elm development? -

i'm new elm , trying build web app elm-html. i'm having trouble setting workflow develop , see results quickly.

i've used elm-reactor serve , reload changes serves app localhost:8000/foo.elm doesn't include external stylesheets. have use inline styles components, discouraged html guidelines. i'd rather use css (or css preprocessor).

i can use elm-make build *.js file , include in index.html maintain, won't watch changes.

is wrong approach include css files in elm project, , if not, how maintain stylesheets outside of elm , still serve project locally, while watching changes?

you're better off not using elm-reactor main development because of limitations. acceptable use own external css file , agree, that's better practice embedding styling in output html.

i've used gulp , gulp-elm package set file watching task compiles elm code (as scss files) on save, , works wonderfully.

there grunt plug-in elm if you're that.

there webpack loader elm if prefer on gulp or grunt.

there young project offers single page application generator yeoman bundles of live-reloading tasks. opinionated on of decisions makes, it's reference if want running quickly.