javascript のパッケージマネージャ動作確認等(jquery 1.7.2 について)

過去のプロジェクトを改修する場合,古いバージョンのライブラリが使われている場合が多いので, 一旦今のものを置き換えて管理すると考えた場合の例として jquery 1.7.2 を入れるとしてみる.

とりあえず以下の3つを試す

  • component
  • npm
  • bower

後述する html で動作するかを確認してみる.

インストールなど

$ npm install component
$ node_modules/component/bin/component version                        
1.0.0-rc5
$ echo "{}" > component.json 
$ node_modules/component/bin/component install components/jquery@1.7.2

       error : no remote found for dependency "components/jquery@1.7.2". run `component open troubleshooting` for help.

失敗

$ npm --version
1.4.3
$ npm install --save jquery@1.7.2

入ったが動かない

$ npm install bower
$ node_modules/bower/bin/bower --version
1.3.3
$ node_modules/bower/bin/bower install jquery#1.7.2
$ ls bower_components/jquery/jquery.*  
bower_components/jquery/jquery.js  bower_components/jquery/jquery.min.js

入った

使った html

下記のように書いて body に hello が書かれたら動くとしておく.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>title</title>
  <!--  <script type="text/javascript" src="node_modules/jquery/lib/node-jquery.js" ></script> -->
  <script type="text/javascript" src="bower_components/jquery/jquery.js" ></script>
  <script type="text/javascript">
    $(function() {
      $('body').html('hello');
    });
  </script>
</head>
<body>
</body>
</html>