2017-02-16 11 views
1

webpack을 사용하여 부트 스트랩 4의 사용자 정의 빌드를 만들려고하지만 컴파일되지 않습니다.webpack/laravel mix를 사용하는 부트 스트랩의 사용자 정의 버전?

나는 부트 스트랩 네 여기 있습니다

내 웹팩 파일에서
@import "variables"; 
@import "mixins"; 
@import "custom"; 
.... 

내가 가진 :

/node_modules/bootstrap/scss 

는 내가 원하는 부트 스트랩의 다양한 부분을 가져 내 자신의 app.scss 파일을 만듭니다 :

mix.sass('resources/assets/sass/app.scss', 'public/css', null, { includePaths: ['node_modules/bootstrap/scss/'] }); 

나는 또한 시도했다 :

mix.sass('resources/assets/sass/app.scss', 'public/css', { includePaths: ['node_modules/bootstrap/scss/'] }); 

답변

2

당신과 app.scss에 부트 스트랩을 가져올 수 있습니다

.. 
@import "~bootstrap/scss/variables" 
@import "~bootstrap/scss/mixins" 
.. 

~bootstrap은 고궁 박물원 패키지에 resloved된다. 이렇게하면 믹스 파일을 구성 할 필요가 없습니다.

+0

고마워요, ~는 노드 모듈 폴더를 실제로 보았나요? – panthro

+0

예, webpack의 로더가 제공하는 기능입니다. – motia