package.jsonで値を展開する

🎍 今年初の記事です 🎍

そういえばこんな機能あったなーって感じだったので記事にしてみました。

本当は今年最初の記事用意していたのですが、まだ終わってないので後ほど。。

今回は、タスクの start と build に同じ変数を webpack へ渡すために共通化したくて、量が多くなってきたのでリファクタリングしました。

手順

$npm_package_に package.json に書いた key をつなげるとそれの value 展開されます。

コンソール上では、展開されませんが、JS 上では展開されます。

1
// 確認用のJS
2
console.log(process.argv[2]);

1
bar

1
{
2
  "foo": "bar",
3
  "scripts": {
4
    "main": "node main.js $npm_package_foo"
5
  }
6
}

オブジェクトを渡すことはできないので、末端まで指定する必要があります。

1
{
2
  "foo": {
3
    "bar": 1
4
  },
5
  "scripts": {
6
    "main": "node main.js $npm_package_foo_bar"
7
  }
8
}

もし、$npm_package_fooと書いた場合は、undefinedとなります。

配列を渡すことはできないので、添字を指定する必要があります。

1
{
2
  "foo": ["bar"],
3
  "scripts": {
4
    "main": "node main.js $npm_package_foo_0"
5
  }
6
}

もし、$npm_package_fooと書いた場合は、undefinedとなります。