29764


**「npm install」した時(?)に作成される「package.json」は、「Source Map」ですか？**  
・「Source Map」の一種？  
・依存関係を記述しているだけなので「Source Map」とは呼ばない？

**仮に「Source Map」ではないとしたら何に該当するのでしょうか？**  
・「package.json」は、「package.json」？？

* * *

**追記**

・SourceMapについて、ネットで検索したら、「元のソースと生成されたコードの細かな対応関係情報を持ったJSONファイル」と書かれていました。

[code]

    {
        version : 3,
        file: “out.js”,
    
[/code]

・SourceMapを実際に見てみたいと思い、「コンパイル時にコードと一緒に生成される」と書かれていたので、「npm
install」した際に、出来た(？)「package.json」だろうと予測

・「package.json」を確認してみたら、「"version":」「"files":」の文字があったので、きっとこれがSourceMapだろうと思い、ネットで検索

・しかし、「package.json」「SourceMap」で検索するも全くヒットしない

・もしかしたら違うのかも、だったら「package.json」は何と呼ぶのだろう、と思い質問

という流れです


CC BY-SA 3.0
2016-10-20T03:22:38.140
29728
2016-10-22T04:54:44.793
2016-10-21T04:02:25.510
7886
7886
question
javascript npm
「package.json」は「Source Map」？ 「Source Map」の一種？


npm の package.json は、パッケージのメタ情報を記述する npm 独自のファイルです。package.json のひな形を作成する `npm
init` や、インストールと同時に依存パッケージとして記録する `npm install xxx --save`
をした際にも自動的に書きこまれますが、パッケージの作者が自分で決めてテキストエディタで編集するような項目も多数あります。

一方で Source Map は、元となるファイル（群）にコンパイル・圧縮・難読化などを施した際に、元ファイル hoge.js
の3行6列目が処理後の123文字目に対応する、といった情報が記載されたファイルで、これはコンパイルなどの処理を行うプログラムが生成する・・・というのはご存知かと思います。

パッケージマネージャである npm 自体はそのような処理は行わないので Source Map を生成することはありませんし、利用することもありません。

Source Map の実例としては、例えば jQuery は jquery-x.y.z.min.js と一緒に、その Source Map
も[配布しています](https://github.com/jquery/jquery/tree/3.1.1/dist)。あるいは Source Map
の生成に対応した [Closure Compiler](https://developers.google.com/closure/compiler/)
などで実際に試してみるといいかもしれません。

[code]

    $ java -jar closure-compiler.jar \
           --js test.js \
           --js_output_file test.min.js \
           --create_source_map test.min.map
    
[/code]

* * *

> パッケージ管理の役割は「何をインストールするかを単に記録しているだけ？」。そこからまとめて何かを生‌​成するような処理は行っていないのでしょう‌​か？

そうです。

オプションなしの `npm install` を実行すると、package.json
に書かれた情報を元に必要なパッケージを探し、ダウンロード・インストールを行います。この時、それらが依存するパッケージもやはりそれぞれの
package.json に書かれているので、同じことを繰り返します。それ以外のファイルを解析したり、コンパイルしたり、ということは行いません。

package.json では [`npm install`
後に実行する処理を指定できる](http://qiita.com/axross/items/a2a0d148e40b66074858#%E4%BB%96%E3%81%AEnpm%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%82%92%E3%83%95%E3%83%83%E3%82%AF%E3%81%99%E3%82%8B%E5%BD%A2%E3%81%A7%E5%AE%9F%E8%A1%8C%E3%81%95%E3%82%8C%E3%82%8Bnpm-
scripts)ので、自動的にコンパイルなどを行うことも可能ですが、npm 自身が勝手に行うことはありません。


CC BY-SA 3.0
2016-10-21T05:41:06.680
29764
2016-10-22T04:54:44.793
2016-10-22T04:54:44.793
8000
8000
29728
answer