node.js - keystoneJS 不会运行默认的 css

Question

所以我创建了一个非常默认的 keystoneJS 项目，出现的第一个错误是在本地运行时，网站的默认 css 将无法加载。

它正在寻找 site.min.css 但在文件夹中只有 site.scss

在我通过 sublime text 2 sublimeBuild 编译了 scss 并将文件重命名为 site.min.css (来自 site.css)后，它运行得很好，但让我担心的是为什么默认安装会出现此错误。

我应该在哪里更改它？是否包含 scss 构建器，因此我必须更改文件夹命名，或者是否存在其他问题？

我的猜测是这与跳过的某些步骤有关。我记得 keystone 安装询问我是否要使用 sass，所以我想一切都应该没问题。 问题是因为我没有以某种方式使用 grunt 吗？

我记得在某处读到过，在运行服务器时必须使用这个 grunt 工具而不是 Node，并且我在我的文件夹中看到一个 Gruntfile，但是当安装 grunt-cli 时，grunt 会立即加载并终止服务器。

Answer 1

您无需执行任何操作，sass-middleware 已包含在内，并会在收到请求时自动从您的 SASS 源文件生成 CSS 文件。

您遇到的找不到 site.min.css 的问题是自添加 SASS 支持以来 yeoman 生成器中的错误。当请求以 .min.css 结尾的文件时，LESS 中间件会自动压缩生成的 CSS，但 SASS 中间件不会执行相同操作，因此请求会被 404'ing。

自版本 0.2.9 起，yeoman 生成器的问题已得到修复，对于现有项目，简单的修复方法是更改​​布局文件，使其引用 site.css 而不是 site.min.css。

完成此操作后，中间件将自动检测 site.scss 是否存在，并为您生成最新版本的 site.css。