SCSS 및 Express JS

Question

어떻게 Express를 설정하여 style.sass 대신 style.scss 파일을 사용할 수 있습니까?

다음 구성으로 style.sass 만 인식합니다.

내가 style.sass 대신 style.scss를 사용하고 싶습니다

// 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 

을 app.js.

Answer 1

scss 개의 파일을 사용하려는 경우 키/값 intentedSyntax을 제거 할 수 있습니다. 결정을 내려야 당신이해야합니다 -이 옵션을 사용하는 SCS 파일

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 당신이 당신의하는 SCS 파일에 괄호를 확인합니다.

sass 3.x를 사용중인 경우 위의 제안 된 솔루션을 사용할 수 있습니다.