如何在Elm开发期间维护样式表?

Eri*_*ric 8 elm

我是Elm的新手,并尝试用elm-html构建一个Web应用程序.我无法设置工作流程来快速开发和查看结果.

我曾经elm-reactor服务并重新加载我的更改,但是我的应用程序localhost:8000/Foo.elm不包含任何外部样式表.我必须为所有组件使用内联样式,大多数HTML指南都不鼓励这样做.我宁愿使用CSS(或CSS预处理器).

我可以使用elm-make构建到*.js文件并将其包含在index.html我维护的文件中,但它不会观察更改.

在Elm项目中包含CSS文件是错误的方法,如果没有,我如何在Elm之外维护样式表并在本地服务我的项目,同时观察变化?

Cha*_*ert 5

由于这些限制,您可能最好不要将elm-reactor用于主要开发.使用你自己的外部CSS文件是完全可以接受的,我同意,这比在输出html中嵌入样式要好得多.

我已经使用gulp和gulp-elm包来设置一个文件监视任务,该任务在保存时编译所有Elm代码(以及SCSS文件),并且工作得非常好.

如果你有榆树的话就有一个Grunt插件.

有一对榆树的WebPack装载机,如果你喜欢,超过一饮而尽或呼噜声.

有一个年轻的项目为Yeoman提供单页应用程序生成器,它将一些实时重新加载任务捆绑在一起.对于它所做的一些决定,它是非常自以为是,但如果你想快速运行它是一个很好的参考.