SCSS和Express JS

Question

如何設置Express以使用style.scss文件而不是style.sass？

它只識別具有以下配置的style.sass。

app.js

// Sass setup 
app.use(require('node-sass-middleware')({ 
    src: path.join(__dirname, 'public/sass'), 
    dest: path.join(__dirname, 'public/css'), 
    indentedSyntax: true, 
    sourceMap: true, 
    outputStyle: 'compressed' 
})); 

結構樹

-public 

--stylesheets 

---style.css 
---style.css.map 
---style.sass 

我想用style.scss代替style.sass的。

Answer 1

如果要使用scss文件，可以刪除鍵/值intentedSyntax。此選項允許你使用SCSS文件

app.use(require('node-sass-middleware')({ 
    src: path.join(__dirname, 'public/sass'), 
    dest: path.join(__dirname, 'public/css'), 
    sourceMap: true, 
    outputStyle: 'compressed' 
})); 

但是，說如果你用indentedSyntax，但希望使用的文件擴展名scss - 那麼你就必須做出決定。

1. 使用indentedSyntax（並保持.sass）
2. 使用.scss，並確保你有你的SCSS文件支架。

如果您使用的是sass 3.x，那麼您可以使用上面提出的解決方案。