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，那么你可以使用上面提出的解决方案。