웹 프론트 엔드 개발 도구 - Bower 종속성 패키지 관리 도구_javascript 기술

Bower는 Twitter에서 출시한 패키지 관리 도구입니다. nodejs의 모듈식 아이디어를 기반으로 다양한 모듈에 기능을 분산시켜 모듈 간의 연결을 관리하는 데 사용됩니다.

패키지 관리 도구에는 일반적으로 다음과 같은 기능이 있습니다.

a) 등록 메커니즘: 각 패키지는 검색 및 다운로드 시 올바르게 일치할 수 있도록 고유 ID를 결정해야 하므로 패키지 관리 도구는 등록 정보를 유지해야 하며 다른 플랫폼에 의존할 수 있습니다.

b) 파일 저장 위치: 파일이 저장되는 위치를 결정합니다. 물론, 이 주소는 네트워크에서 액세스할 수 있습니다.

c) 업로드 및 다운로드: 도구의 주요 기능으로 패키지 사용 편의성을 향상시킬 수 있습니다. 예를 들어 jquery를 사용하려면 설치하기만 하면 다운로드하기 위해 여기저기 검색할 필요가 없습니다. 업로드는 필요하지 않으며 파일이 저장된 위치에 따라 다르지만 이를 보장하려면 특정 메커니즘이 필요합니다.

d) 종속성 분석: 이 역시 패키지 관리 도구가 해결하는 주요 문제 중 하나입니다. 패키지 간에 연결이 있기 때문에 다운로드 시 패키지 간의 종속성을 처리해야 합니다. 패키지를 다운로드할 때 종속 패키지도 다운로드해야 합니다.

bower는 nodejs를 기반으로 개발되기 때문에 먼저 nodejs 환경이 있어야 합니다. 이렇게 nodejs를 설치하는 방법은 인터넷에 튜토리얼이 많이 있는데, bower를 사용하려면 git도 설치해야 합니다. 이므로 여기서는 자세히 설명하지 않겠습니다.

정이 가져다주는 혜택

JQuery를 사용해야 하는 프로젝트가 있는 경우 일반적인 상황에서는 jQuery 공식 웹사이트로 이동하여 라이브러리를 다운로드해야 합니다. 이 경우 jquery가 업데이트될 때마다 jQuery 공식 웹사이트로 이동해야 합니다. 다운로드할 버전을 선택하는 명령을 입력할 수 있는 도구가 있고 프로젝트의 모든 라이브러리를 업데이트하고 싶다면 매우 편리하지 않을까요? 최신 버전에서는 명령만 입력하면 됩니다. bootstrap을 설치하면 jquery가 자동으로 다운로드된다는 점입니다. 간단히 말해서 우리가 다운로드하는 라이브러리가 다른 라이브러리에 의존하는 한, bootstrap은 jquery에 의존하기 때문입니다. , Bower는 자동으로 종속 라이브러리를 다운로드합니다. Bower는 매우 강력합니다.

정수 설치

　npm install -g bower는 글로벌 환경에 설치한다는 뜻입니다

바우어 사용

　1. Bower를 통해 라이브러리 다운로드

Bower 설치(패키지 이름: jquery) [#version: #1.7] 버전은 선택 사항이며, 기재하지 않을 경우 기본적으로 최신 버전이 다운로드됩니다.

예: bower install bootstrap#2.2

2. 모든 라이브러리를 업데이트해야 하는 경우 다음 명령을 입력할 수 있습니다

바우어 업데이트

다운로드한 패키지에 대한 모든 정보를 생성해야 하는 경우(예: 팀에 속해 있고 귀하가 사용한 라이브러리와 버전이 무엇인지 다른 사람들에게 알리고 싶은 경우) 다음 명령.
먼저 패키지 설명을 초기화해야 합니다. 현재 실행 환경 디렉터리에 bower.json 디렉터리가 생성됩니다.

　`bower init -y`

그럼 패스

　`bower install jquery --save`

bower.json 파일에 jquery 버전 정보를 추가합니다. 두 개 이상 추가하려면 bower install jquery bootstrap less --save
공간을 전달하면 됩니다.

다음은 bower.json 파일의 내용입니다

{
"name": "down",
"authors": [
"xxxxxxxx"
],
"description": "",
"main": "",
"moduleType": [],
"license": "MIT",
"homepage": "",
"private": true,
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
],
"dependencies": {
"bootstrap": "^3.3.6",
"less": "^2.6.1",
"jquery": "^2.2.2"
}
}

Bien sûr, si vous êtes nouveau sur nodejs, vous pourriez être un peu confus, car il ne s'agit pas d'un tutoriel de base sur nodejs. Si vous voulez comprendre et apprendre node, vous devez apprendre sur Internet.

En plus de ces avantages, bower possède également des fonctions plus puissantes, que vous devez découvrir, je ne les présenterai pas ici. Après tout, je viens de commencer à apprendre node
.

-------------------------------------------------------------- --- -------Ligne de démarcation-------------------------------------- -------

La relation entre bower et npm

Pour installer bower, vous devez l'installer via npm

La différence entre bower et npm :

1. Dans la version précédente de npm, il ne pouvait pas partager le code dépendant, c'est-à-dire que dans la version précédente de npm, si vous téléchargiez un bootstrap, car le bootstrap dépend de jquery, il inclura également jquery. mais si une autre de vos bibliothèques utilise également jquery, elle téléchargera également un jquery. Dans ce cas, le code sera répété.

Leur structure est comme ceci :

bootstrapjQuery
　　xxxxxxxxxjRequête

Ce sont des doublons, c'est vrai, mais il semble que ce problème ait été résolu dans la dernière version de npm.

　2.npm téléchargera l'environnement de développement ensemble, et bower téléchargera uniquement le module frontal compilé.

　3. NPM est principalement utilisé pour la gestion des packages de dépendances internes des projets Node.js. Les modules installés se trouvent dans le dossier node_modules dans le répertoire racine du projet. Dans la plupart des cas, Bower est utilisé pour le développement front-end. Il gère les dépendances sur CSS/JS/templates et autres contenus, et la structure du répertoire de téléchargement dépendant peut être personnalisée. --Le contenu de ce paragraphe a été trouvé en ligne.

La soi-disant structure de répertoires personnalisée signifie que si vous ouvrez bower dans ce répertoire de fichiers, il téléchargera le package dont vous avez besoin sous ce fichier, et npm ne prend pas en charge cela.

Résumé : On peut simplement comprendre que npm est utilisé pour gérer les modules nodejs, c'est-à-dire les packages, et bower est utilisé pour gérer nos bibliothèques front-end.

À propos de l'outil de développement web front-end - outil de gestion des packages de dépendances bower, l'éditeur vous le présentera ici, j'espère qu'il vous sera utile !