npmだけで、jQueryパッケージ管理
パッケージ管理を1つ集中する方法の一つとして、npmにより、jQueryを制御する
前提として、npm(node.jsのパッケージ管理)はインストール済み
npm init
対象プロジェクトフォルダでnpmを初期化する。
$ npm init
結果として、jsonファイルが生成される。
{ "name": "nvmtest", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" }
jQueryのインストール
$ npm install jquery --save
node_modulesフォルダ作成され、中にjQueryがダウンロードされている。
scriptの作成
script.js
'use strict'; var $ = require('jquery'); $(function(){ $('h1').css('color','red'); })
1つのスクリプト内で、jQueryをrequireして利用しているため、1ファイルだけで、全てを完結できる。
Html
上記で作成した、scriptを指定するだけ
<script type="text/javascript" src="script.js"></script>