2017-01-06 14 views
1

bootstrap-sass를 사용 중입니다. 노드 모듈이 설치되었습니다. 나는 어떤 .scss 파일에, 적절한 시트로 가져 아래 라인을 사용할 수 있습니다 기대한다Sass 가져 오기가 크롤링되지 않음 적절한 패키지를 찾기 위해 node_modules 크롤링

@import 'bootstrap'; 

나의 이해, 무슨 일이해야하는이 package.json을 찾을 때까지 컴파일러가 크롤입니다 node_modules에 홉 , 적절한 패키지를 찾습니다. 대신 아래 오류가 나타납니다.

Error: File to import not found or unreadable: bootstrap

아래와 같이 정규화 된 경로로 가져 오기를 바꾸면 모든 것이 부드럽게 작동합니다.

@import '../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap'; 

나는 gulp-sass를 사용하여 컴파일하고 있습니다. 추측 컨데 나는 약간의 설정 비트를 가지고 있지만 그게 뭔지 알 수는 없다.

+0

확실이 태그 된 이유 ES6/타이프 라이터를 : 당신이 다음 사용 괜찮을 것

.pipe($.sass({ includePaths: ['node_modules/bootstrap-sass/assets/stylesheets'] }) 

꿀꺽

를 사용하는 경우는 다음과 같이 보일 것인가? – loganfsmyth

답변

2

경로를 포함 경로로 전달하십시오.

예 :

@import 'bootstrap'; 
+0

감사합니다! –

+0

멋지다. 꿀꺽 거리는 소리에 포함시키려는 경로가 여러 개인 경우 파일 상단에 변수를 선언하여 정리할 수 있습니다. 예. 'var sassPaths = [ 'path1', 'path2'];'와'includePaths : sassPaths' – Davey

+0

코드 예제에서'$'는 무엇입니까? Btw, 닫는 대괄호가 없습니다. – connexo

0

Javascript/Node.js와 같은 항목은 가져 오지 않습니다. 부트 스트랩 파일을 가져 오는 파일과 동일한 폴더에서 찾습니다. 예, 긴 경로를 사용하거나 부트 스트랩 파일을 같은 폴더에 두어야합니다.