Webフロントエンド開発ツール―wer依存パッケージ管理ツール

3330 ワード

Bowerはtwitterが導入したパッケージ管理ツールで、nodejsのモジュール化思想に基づいて、機能を各モジュールに分散させ、モジュールとモジュールの間に連絡を取り、Bowerを通じてモジュール間のこのような連絡を管理します.
パッケージ管理ツールは主に以下の機能があります.
a)登録メカニズム:各パケットは一意のIDを決定して検索とダウンロードの際に正確に一致するようにする必要があるので、パッケージ管理ツールは登録情報を維持し、他のプラットフォームに依存することができる.
b)ファイルの保存:ファイルの保管場所を確定し、ダウンロードする時に見つけることができます.もちろんこの住所はネットでアクセスできます.
c)アップロードダウンロード:これはツールの主な機能であり、カバンの使用の利便性を高めることができる.例えばjqueryを使いたいなら、installだけでいいです.あちこち探してダウンロードしなくてもいいです.アップロードは必須ではありません.ファイルの保存位置によって異なりますが、ある程度の仕組みが必要です.
d)依存分析:これも管理ツールの主な解決の問題の一つです.カバンの間に連絡がある以上、ダウンロードする時は彼らの間の依存を処理しなければなりません.一つのカバンをダウンロードする時も依存のカバンをダウンロードしなければなりません.
bowerはnodejsに基づいて開発されたので、まずnodejs環境が必要です.このようにnodejsをインストールするには、チュートリアルがたくさんあります.
パワーのメリット
もしあなたがプロジェクトを持っていたら、JQueryを使う必要があります.普通の状況でjQueryオフィシャルサイトに在庫をダウンロードします.そうしたら、jqueryが更新されるたびに、またjQuery公式サイトにダウンロードします.これでは困ります.もし一つのツールがあれば、命令を入力してダウンロードしたいバージョンを選択してください.そして、私たちのプロジェクトの中のすべてのライブラリを最新版に更新したいなら、命令を入力するだけでいいですか?簡単に言えば、私たちがダウンロードしたライブラリが他のライブラリに依存している限り、自動的に私たちのライブラリをダウンロードしてくれます.
bowerのインストール
npm install-g bowerは、グローバル環境にインストールされていることを表します.
bowerの使用
1.bowerでライブラリをダウンロードする
bower install(パッケージの名前はJquery)[獛のバージョンは、例えば:钾1.7]のバージョンが選択できます.書かれていない場合は、最新版をダウンロードします.
例えば:bower install boot strap〓〓2.2
2.もし更新が必要なら、以下のコマンドを入力してもいいです.
bower udate
もしあなたがカバンをダウンロードするための情報を生成する必要があるなら、例えばあなたはチームの中で、他の人にあなたがどのようなライブラリを使っているかを教えてほしいです.そして、それらのバージョンはどれぐらいですか?私たちは先にカバンの説明を初期化する必要があります.これはあなたの現在の実行環境ディレクトリに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"
}
}
もちろん、あなたがnodejs初心者なら、ちょっと茫然としているかもしれません.ここはnodejs基礎教程ではないので、nodeを勉強したいなら、ネットで勉強する必要があります.
bowerはこれらの利点以外に、もっと強い機能があります.みんなが見つけに行く必要があります.ここでは紹介しません.
----------------------分割線-------------------
bowerとnpmの関係
bowerをインストールするにはnpmでインストールする必要があります.
bowerとnpmの違い:
1.以前のnpmバージョンでは、依存コードを共有できませんでした.つまり、以前のnpmバージョンで、bootstrapをダウンロードしたら、boottostrapはjqueryに依存していますので、jqueryもダウンロードしますが、他のライブラリもjqueryを使っていたら、jqueryもダウンロードします.コードは重複します.
それらの構造はこのようです.
bootstrap\jQuery xxxxxxx\jQuery
それらは繰り返しましたよね.でもnpmの最新バージョンでこの問題を解決したようです.
2.npmは開発環境を一緒にダウンロードします.
3.NPMは主にNode.jsプロジェクトの内部依存パッケージ管理に運用され、インストールされたモジュールはプロジェクトのルートディレクトリの下のnode_にある.modulesフォルダ内です.Bowerのほとんどはフロントエンド開発のために使用され、CSS/JS/テンプレートなどのコンテンツに依存して管理されています.この内容はネットで見つけました.
カスタムディレクトリ構造とは、そのファイルディレクトリで開くと、そのファイルの下に必要なカバンをダウンロードしますが、npmはこれをサポートしません.
まとめ:npmはnodejsモジュールを管理するためのものです.つまり、bowerは私たちのフロントエンドライブラリを管理するためのものです.
Webフロントエンドの開発ツールについて――werがカバン管理ツールの編集に依存して、ここに紹介します.皆さんの役に立つことを願っています.