SCSSとExpress JS

Question

どのようにしてstyle.sassの代わりにstyle.scssファイルを使用するようにExpressを設定できますか？

以下の設定でstyle.sassのみが認識されます。私が代わりにstyle.sassのstyle.scssを使用したい

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 

。

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を使用している場合は、上記の解決方法を使用できます。