node.js - node-sass-middleware 不编译 sass 文件

Question

我真的很难理解node-sass-middleware。我已经按照 doc 要求并调用了它。但是，sass 文件未编译，也没有任何内容记录到我的控制台。

const sassMiddleware = require('node-sass-middleware');
const bodyParser = require('body-parser');

app.use(
  bodyParser.json(),
  bodyParser.urlencoded({extended: false}),

  sassMiddleware({
    src: __dirname + '/style/sass',
    dest: __dirname + '/style',
    debug: true,
    indentedSyntax: true,
    outputStyle: 'compressed'
  }),

  express.static(__dirname + '/public')
);

我查看过this和 this解决方案以及上述文档，但我尝试过的任何方法都没有给我想要的结果，包括将 sass 文件更改为 scss。

依赖关系如图所示:

  "dependencies": {
  "body-parser": "^1.18.2",
  "express": "^4.16.2",
  "firebase-admin": "^5.8.2",
  "morgan": "^1.9.0",
  "node-sass-middleware": "^0.11.0",
  "pug": "^2.0.0-rc.4"
},

此外，链接到显然不存在的样式表不会返回 404。这很奇怪吗？

Answer 1

您必须检查如何链接“/public/your.html”中的样式表，确保您引用的样式表如下:不带任何前缀，然后重新加载浏览器并再次检查。