2017-12-12 19 views
1

전 프론트 엔드 기술에 익숙하지 않지만 Bower를 통해 패키지를 설치해야합니다. 다음은 패키지입니다. https://github.com/collab-project/videojs-record
모든 종속성을 설치 한 후에는 219.9MB의 종속성이있는 폴더를 얻습니다. 이 모든 폴더는 내 Laravel 프로젝트의 /public/videojs-record 디렉토리에 있습니다. 그래서 패키지의 문서와 같이 .css.js 파일을 모두 연결할 수 있습니다. 이 파일은 내 전체 프로젝트보다 4 배 더 크며 공용 폴더에 있습니다. 즉, 내 웹 사이트 속도를 늦출 수 있습니까?
내 프로젝트의 /vendor 디렉토리와 같이 공용 폴더에서 종속성을 어떻게 옮길 수 있으며이 .css.js 파일을 내 HTML에 연결하면됩니까?Bower를 통해 패키지 설치

+2

먼저 Bower가 필요한 이유는 무엇입니까? 이 패키지는 NPM도 지원합니다. 둘째, 이러한 파일은 웹 사이트의 속도를 늦추지 않습니다. 주로 개발 용도로 사용되며 테스트 스위트, 샘플 비디오 등을 포함 할 수 있습니다. 셋째, 일반적으로 Webpack과 같은 것을 사용하여 필요하고 그것을 공개적으로 사용하는 "빌드"에 패키지화하십시오. – ceejayoz

+0

이제는 my/public/videojs-record 디렉토리에 있고 HTML에서는 어떻게 든이 폴더를 공용이 아닌 다른 디렉토리로 이동할 수 있습니까? 그렇다면 공용 폴더에서 파일을 옮긴 후이 파일의 정확한 경로를 어떻게 나타낼 수 있습니까? –

+0

@ceejayoz Bower는 더 나은 결과를 얻었 기 때문에 프론트 엔드 종속성 만 해결하고 (스택 오버 플로우 및 문서에 대해 서로 다른 게시물과 질문을 비교하여) 필요한 내용을 정확히 다운로드합니다. –

답변

2

의견에서 이미 언급했듯이, Bower를 사용할 필요가 없습니다. 해당 패키지의 문서에 언급 된 NPM 만 사용하십시오.

Laravel에는 이미 package.json과 webpack 구성이 있습니다. 프론트 엔드 종속성을 추가하는 일반적인 방법은 다음과 같습니다

  1. 모든 Laravel 기본 철은

    $ npm install

  2. 가 내장 외장 패키지

    $ npm install videojs-record

  3. 에게 패키지를 설치 종속성 설치 개발

    ,210

    $ npm run dev

    $ npm run prod

node_modules에 저장됩니다 종속성 생산

에 대한 감시자에게

$ npm run watch

내장 패키지를 실행합니다. 이 폴더는 매우 커질 수 있지만 GIT에 커밋하거나 서버에 수동으로 밀어 넣지 마십시오.