부트 스트랩을 작곡자와 함께 사용

Question

저는 웹 초보자 프로그래머입니다.
나는 내 자신의 웹을 만들기 위해 집에서 배우려고 노력하고 있습니다. 나는 php, html, js 및 css의 개념을 가지고있다.
하지만 해결 방법이 아닌 것을 발견했습니다. 작곡가를 사용하여 부트 스트랩을 관리하려고합니다. 나는 작곡가를 설치했고이 코드 줄을 실행했습니다.

composer require twbs/bootstrap 

파일이있는 폴더를 삭제했습니다.

js 및 css 파일을 찾기 위해 html 링크를 만드는 방법을 모르겠지만 전체 경로를 나타내야합니까?

vendor/twbs/bootstrap/dist/js/bootstrap.js 

질문이 멍청한데 실례지만 계속 해야할지 모르겠다.
Amd는 나의 영어도 배우고 있지만 지금은 번역을 사용 중입니다.

Answer 1

예, Composer는 기본적으로 의존성을 vendor 폴더로 다운로드합니다. 따라서 부트 스트랩은 벤더 폴더에 도착하게됩니다. 벤더 폴더는 참조하거나 포함 할 수있는 올바른 위치가 아닙니다.

composer require twbs/bootstrap ➔ vendor/twbs/bootstrap/dist/js/bootstrap.js

---

당신의 다음 단계는 public/assets 폴더에 필요한 부트 스트랩 파일을 복사 할 작은 도우미 스크립트를 작성하는 것입니다. 하위 폴더 (vendor\twbs\bootstrap\dist)를 포함한 전체 dist 폴더를 public 또는 public\assets에 복사 할 수 있습니다.

기존 파일을 덮어 씁니다. 파일이 있으면 제거하고 복사하십시오. 이렇게하면 Bootstrap 공급 업체 패키지를 다시 업데이트해야 할 때 파일을 쉽게 업데이트 할 수 있습니다.

물론 파일을 수동으로 복사하거나 심볼릭 링크를 만들 수도 있습니다. 그것은 달려있다. 당신에게 다음과 같은 디렉토리 구조를 제공

다음 부트 스트랩 자산이 당신의 index.html 또는 템플릿 (assets\js\bootstrap.min.js 등)에, 당신이 그들을 포함 시작할 수 있습니다 복사

public 
\- assets 
    |- css 
    |- js 
    \- fonts 
\- index.html 

.

---

참조하는이 문제에 다른 해결책을 도시 https://stackoverflow.com/a/34423601/1163786 예컨대 fxp/composer-asset-plugin, bower, grunt. 당신이 부트 스트랩 내부 (예를 들어 건축하는 SCS)를 정의 을 필요로하지 않는

Answer 2

, 가장 간단한 해결책은 CDN에 의존 그래서

(보너스로, 당신은 자산의 초고속 캐시를 얻을), 단순히 전화하여 그래서 같은 자산 :

<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
<script src="//code.jquery.com/jquery-2.2.4.min.js"></script> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

Composer는 백엔드 종속성 슈퍼 훌륭한 도구지만, 프론트 엔드에없는 최고의 하나입니다.