node.js - node-sass-middleware 没有做任何事情

Question

我正在尝试使用 node-sass-middleware，但它没有创建我的 .scss 文件的 .css。

我的文件结构(简化)是

- node-modules
- public
     |- common
     |     |-sass
     |     |     |-style.scss
     |     |-css
- server.js

并且server.js中的代码有

var cssLoc =  __dirname + "\\public\\common\\css";
var cssDest =  __dirname + "\\public\\common";
console.log(cssLoc);
console.log(cssDest);
app.use(sass({
    src: cssLoc,
    dest: cssDest,
    debug: true,
    outputStyle: 'compressed'
}));

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

我不知道为什么这不起作用。这是非常令人沮丧的。

Answer 1

它不起作用的很可能的原因是，令人困惑的是，node-sass-middleware将采用其src和dest属性上指定的路径，然后查看html 标记中的本地css文件引用，获取它们引用的路径，并在指定的src和dest路径中查找这些确切路径。

示例(在您的 app.js 文件中):

var nodeSassMiddleware = require('node-sass-middleware');

app.use(nodeSassMiddleware({
   src: path.join(__dirname, 'assets'),
   dest: path.join(__dirname, 'public')
});

然后在你的基本 html 文件中包含一个链接标签，如下所示:

<link rel="stylesheet" type="text/css" href="/immediate/style.css"


node-sass-middleware 将查找 /assets/immediate/style.scss 并将该文件输出到 /public/immediate/style.css

一旦您意识到发生了什么，这实际上非常漂亮:)，在控制台中启动服务器并访问浏览器中的链接，控制台将记录正在使用的实际源路径和目标路径。

在解决这个问题时，我把头撞到了墙上，希望它有帮助!