Parcelが依存しているnpmパッケージを調べてみた。なんとなくこういう用途にこういうパッケージ使うのかーという程度。

新しく作るアプリに今話題のParcelを使ってみようとしたけどHot module replacementが効かず、Fedoraを使っているのでinotifyに対応してないのでは？ってところから依存パッケージを調べてみた。

HMRが効かない原因は何もわかってない。Nodeには標準でクロスプラットフォームなfs.watch¹なるものがあるのでそれはなさそう。

きっかけはそんな感じで、流行りのイケてるパッケージはどういう用途でどういうパッケージを使うのかってのを知っておこうと思ったので一通りみてみた。

dependencies

babel-core

Babelのコア。元コードから生成されたコード、ソースマップ、ASTを生成したりする。こいつの提供する関数にオプションとしてpluginとかpresetとかを渡す。

var res = babel.transform(code, options)
res.code;
res.map;
res.ast;

Babelまわりはバージョン7でパッケージ名が変わるっぽい。例えばbabel-coreなら@babel/coreになる。今は@babel/coreを使うと7.0.0-beta.34が手に入る。ほかも例えばbabel-preset-reactが@babel/preset-reactになったりする。

A monorepo, muhahahahahaha. See the monorepo design doc for reasoning.

https://github.com/babel/babel/tree/master/packages

正直またこんなでっかい変更が…という思いしかないが主要パッケージのバージョンを統一してくれるのは良い。

Sadly, this package has no readme. Go write one!

Oops!

package.jsonのbrowserフィールドを解決するやつ？具体的にどう動くのかはよくわかってない。

chalk

コンソールの出力に色つけたりするやつ。

const chalk = require('chalk');
console.log(chalk.blue('Hello world!'));

console.log(micromatch(['foo', 'bar', 'qux'], ['f*', 'b*'])); 
//=> ['foo', 'bar']

<html>
<head>
    <title>index.html</title>
</head>
<body>
    <include src="component/button/button.html"></include>
</body>
</html>

おわりに

Babelのエコシステムがどんな感じなのかしれたのと、devDependenciesが参考になりそうなのでよかったけど、全部書く必要はなかった。。。 😫

File System | Node.js v9.2.1 Documentation ↩︎