ハロの外部記憶インターフェイス

そろそろ覚える努力が必要かも…

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>

参考

qiita.com