npmの変更点

• 追加された行はこのように表示されます。
• 削除された行はこのように表示されます。

!!!npm
[Node.js]

*http://qiita.com/hashrock/items/15f4a4961183cfbb2658
!!npm init
*プロジェクトのためのディレクトリを作成
*npm initを実行
*とりあえず全部エンターキーを押しても問題ありません。
*ディレクトリ直下にpackage.jsonが作成されます。
 > npm init
 This utility will walk you through creating a package.json file.
 It only covers the most common items, and tries to guess sensible defaults.
 
 See `npm help json` for definitive documentation on these fields
 and exactly what they do.
 
 Use `npm install <pkg> --save` afterwards to install a package and
 save it as a dependency in the package.json file.
 
 Press ^C at any time to quit.
 name: (commonjs_lesson)
 version: (1.0.0)
 description:
 entry point: (index.js)
 test command:
 git repository:
 keywords:
 author:
 license: (ISC)
 About to write to C:\workspaces\vscode\commonjs_lesson\package.json:
 
 {
   "name": "commonjs_lesson",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "",
   "license": "ISC"
 }
 
 Is this ok?
!!npm install
*npmリポジトリからライブラリをダウンロードしてくる。
*ライブラリそのものは下記のサイト
**https://www.npmjs.com/
*installは、下記の書式
*node_modulesというフォルダ下に、ライブラリが保存
 npm install パッケージ名

::saveオプション
*http://qiita.com/msakamoto_sf/items/a1ae46979a42d6948ebd
*saveオプションをつけて実行すると、package.json内に、どのライブラリを取ってきたのか記述
 package.json内に、どのライブラリを取ってきたのか記述

,オプション,追記先,外部したものをnpm install 時
,--save,package.json の dependencies,インストールされる 
,--save-dev,package.json の devDependencies,インストールされない
,--save-optional,package.json の optionalDependencies,インストールされる 

!!browserify
*node_modules下にインストールされたライブラリを、jsから参照できるようにするツール
*node_modules内のライブラリを、直接参照することができます。
*ライブラリ同士の依存も自動で解決されます。

 > npm install -g browserify
""-g オプションはパッケージのグローバルインストールを意味します。browserify はいつでも使う便利ツールなのでシステム全体にインストールします。開発中のプロジェクト固有のパッケージをインストールするときは、-g オプションを外せば、プロジェクトフォルダの node_module フォルダ配下にダウンロードされます。

*browserifyを使うと、下記のように書くことができる
 <script src="assets/js/jquery.min.js"></script>
を
 var $ = require("jquery");

!!webpack
*https://mae.chab.in/archives/2891
!!npm run
*npm scriptsと呼ばれるタスク実行機能を呼び出す
::package.json
 {
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
 }
::npm run 
*タスクの一覧
 > npm run
 Lifecycle scripts included in commonjs_lesson:
   test
     echo "Error: no test specified" && exit 1
::npm run タスク
 > npm run test
 
 > commonjs_lesson@1.0.0 test C:\workspaces\vscode\commonjs_lesson
 > echo "Error: no test specified" && exit 1
 
 "Error: no test specified"