2017-10-09 5 views
0

그래서 express-generator 최신 버전으로 새 프로젝트를 비계하는 지침을 따라 왔습니다. 생성시, npm 설치를 완료했으며 모든 것이 잘되었습니다. 익스프레스 - 제너레이터 옵션에서 뷰 엔진으로 pug를 전달하고 스타일로 쉰다. 프로젝트가 만들어지면 .css 파일이 .scss 파일 옆에있는 것을 발견 했으므로 sass라는 공용 폴더 아래에 새 폴더를 만들어서 .scss 파일을 모두 저장 한 다음 app.js에서 src 경로를 변경합니다. 파일을 public/sass에 저장합니다. 생성기에서 생성 한 파일과 가져 오기를 테스트하기 위해 정의 된 하나의 변수 색상을 가진 sass 폴더 아래에 두 개의 파일 만 있습니다. 그러나 파일을이 새로운 위치로 이동하자마자 가변 색상의 변경이 이루어지지 않습니다. 파일을 원래 위치로 다시 이동하면 누군가가 내게 무슨 일이 일어나는지 말해 줄 수 있습니까? ,express-generator가 작동하지 않는 상태로 scss 파일 위치를 변경하십시오.

app.use(sassMiddleware({ 
    src: path.join(__dirname, "public", "sass"), 
    dest: path.join(__dirname, "public"), 
    indentedSyntax: false, // true = .sass and false = .scss 
    sourceMap: true 
})); 
+0

포함 된 sass 파일을 확인하십시오. –

+0

나는 오직 sass라는 하나의 폴더를 가지고 있는데, 그 안에는 @import "partials/basics"만있는 styles.scss 파일 하나가 있습니다. 그 sass 폴더 안에는 partials라는 파일 이름이있는 basics.scss라는 다른 폴더가 있습니다. $ black : # 000000; – alex

+0

'public \ sass' 폴더에'partials' 하위 폴더가 있습니까? 두 파일이 같은 폴더에 있으면'@import "기본 파일"이어야합니다. –

답변

0

sassMiddleware 실제로 내가 말대꾸를위한 공용 디렉토리를 변경할 때, 그것은 말대꾸 폴더 스타일 시트라는 또 다른 폴더 안에 예상되는 특정 폴더 구조를 찾고,이 새로운 폴더 안에 나는 어떤하는 SCS 파일을 넣을 수 있습니다 이제는 모두에게 감사하고 있습니다.