Bower

安裝bower

  $ npm install -g bower

安裝依賴包,安裝在項目目錄的bower_components下

  $ bower install jquery

使用包

  <script src="bower_components/jquery/dist/jquery.min.js"></script>

Browserify

Browserify本身不是模塊管理器，只是讓服務(wù)器端的CommonJS格式的模塊可以運行在瀏覽器端。這意味著通過它，我們可以使用Node.js的npm模塊管理器。所以，實際上，它等于間接為瀏覽器提供了npm的功能。

安裝browerify

  $ npm install -g browserify

編寫JavaScript代碼

  var unique = require('uniq');
  var data = [1, 2, 2, 3, 4, 5, 5, 5, 6];
  console.log(unique(data));

安裝uniq依賴

  npm install uniq

打包引入依賴

上面代碼中uniq模塊是CommonJS格式，無法在瀏覽器中運行。這時，Browserify就登場了，將上面代碼編譯為瀏覽器腳本。

  browserify main.js -o bundle.js

生成的bundle.js可以直接插入網(wǎng)頁。

  <script src="bundle.js"></script>