2017-03-17 4 views
1

신참 Laravel 사용자가 여기 있습니다.Laravel 5.4 Mix : 내 프로젝트의 Bootstrap-Sass (nodes_module 아래) 폴더를 사용하는 방법?

I이 (Laravel에 의해 자동으로 생성) app.scss 파일에서 다음 행 :

@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,600); 
@import "variables"; 
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap"; 

질문 : 어떻게 내 프로젝트에 부트 스트랩을 활용합니까? 나는 그것이 컴파일되거나 내 public/css 폴더에 복사되는 것을 보지 못합니다. 그리고 일반적으로, nodes_module의 모든 패키지를 Mix를 사용하여 Laravel 프로젝트로 가져 오는 방법은 무엇입니까? 미리 감사드립니다!

답변

1

Laravel Mix를 사용하면 resources/assets/js/app.jsresources/assets/js/bootstrap.js에 부트 스트랩이 자동으로 가져옵니다.

또한 마지막 가져 오기에서 CSS 내부에 부트 스트랩을 모두 가져 오므로 npm run watch을 실행하면 모든 내용이 복사되어 사용하게됩니다.

+0

나쁘다. 부트 스트랩이 내 app.css와 병합되었음을 알지 못했다. 바보 야! 실제로 별도의 부트 스트랩 파일을 찾고있었습니다. 그래서 이것이 바로 "믹스"가 나오는 곳입니다. 어쨌든 Mix를 구성하여 나중에 사용할 다른 패키지를 포함하여 파일을 개별적으로 출력 할 수 있습니까? 방금 그렇게 쉽게 관리 할 수 ​​있다고 생각했습니다. 답변을 제공해 주셔서 감사합니다. – gibi

+0

@gibi 그래,'.extract ([bootstrap ','other ']')''를'webpack.mix.js'에 추가하면됩니다 : https://laravel.com/docs/5.4/믹스 # 벤더 추출 – JREAM