그래서 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
}));
포함 된 sass 파일을 확인하십시오. –
나는 오직 sass라는 하나의 폴더를 가지고 있는데, 그 안에는 @import "partials/basics"만있는 styles.scss 파일 하나가 있습니다. 그 sass 폴더 안에는 partials라는 파일 이름이있는 basics.scss라는 다른 폴더가 있습니다. $ black : # 000000; – alex
'public \ sass' 폴더에'partials' 하위 폴더가 있습니까? 두 파일이 같은 폴더에 있으면'@import "기본 파일"이어야합니다. –