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>