css - 为什么 node-sass 生成的 CSS 文件不在第一个 GET 请求中加载?

标签 css node.js web-applications express sass

我有一个 node express 应用程序,我想为 css 提供 sass 支持。当我访问 http://myhost.com:port/css/whatever.css 时,会在 express_app_root/public/css 目录中生成一个 whatever.css正如预期的那样,*.scss 源文件位于 express_app_root/sass 目录中。

问题是,浏览器不加载 css 文件。它只在第二次请求时加载它。我怎样才能让它在第一个 GET 时生成和加载 css 文件?

这是加载和配置 node-sass 的代码:

var sass = require("node-sass");

...

app.use(sass.middleware({
    src: path.join(__dirname, 'sass'),
    dest: path.join(__dirname, 'public/css'),
    prefix:  '/css',
    debug: true
}),express.static('/css',path.join(__dirname, '/public')) );

最佳答案

我相信您可能会乱序加载中间件。尝试将你的 sass app.use() 向上移动,看看这是否会有所不同......

关于css - 为什么 node-sass 生成的 CSS 文件不在第一个 GET 请求中加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20386320/

相关文章:

java - Wicket 是适合单页应用程序的 Web java 框架吗?

language-agnostic - 如何处理 Web 应用程序和 RESTful API 中合并的对象/资源?

css - 为什么 CSS 在我的 Angular2 开发服务器和生产版本上看起来不同?

node.js - node fluent-ffmpeg流输出错误码1

javascript - 使用较短的数据库查询代码将数据插入 MySQL 数据库表

node.js - 编写node应用程序运行时遇到错误 'node server.js'

php - 如何以编程方式生成连接重置?

html/css 最大宽度不工作

javascript - 在页面上使用 css 缩放时使用 javascript 定位元素

JavaScript 无法将某些 `.class` 应用于特定的 `span id=` - 为什么?