elm - 在 Elm 开发过程中如何维护样式表？

Question

我是 Elm 的新手，正在尝试使用 elm-html 构建一个 Web 应用程序.我在设置工作流程以快速开发和查看结果时遇到问题。

我用过 elm-reactor提供和重新加载我的更改，但从 localhost:8000/Foo.elm 为我的应用提供服务它不包括任何外部样式表。我必须为我的所有组件使用内联样式，这是大多数 HTML 指南所不鼓励的。我宁愿使用 CSS(或 CSS 预处理器)。

我可以用 elm-make构建到 *.js 文件并将其包含在 index.html 中我维护，但它不会观察变化。

在 Elm 项目中包含 CSS 文件是否是错误的方法，如果不是，我如何在 Elm 之外维护样式表并仍然在本地为我的项目提供服务，同时观察更改？

Answer 1

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

我用过 gulp 和 gulp-elm包来设置一个文件监视任务，该任务在保存时编译所有 Elm 代码(以及 SCSS 文件)，并且效果很好。

有一个Grunt plug-in for Elm如果你喜欢那个。

有一个webpack loader for Elm如果你更喜欢吞咽或咕噜声。

有一个年轻的项目提供 Single Page Application generator for Yeoman它将一些实时重新加载任务捆绑在一起。它对它做出的一些决定非常固执己见，但如果您想快速运行，它是一个很好的引用。