npm-scripts を書く時の手癖 - mizdra's blog

かれこれ 5 年くらい趣味開発で npm-scripts を書き続けている。長年書き続けているとノウハウが蓄積されてきて、「こう書くとスッキリする」「迷いがなくなる」「後から拡張したくなった時に、簡単に拡張できる」みたいな書き方が身についてきた。自分の型、あるいは手癖のようなものだと思う。 せっかくなので、id:mizdra の今の npm-scripts を書く時の手癖を書き連ねてみる。 基本形 { "scripts": { "build": "webpack --mode production", "dev": "webpack-dev-server --mode development", "lint": "eslint .", "test": "jest" } } 一番シンプルな npm-scripts を書く時のパターン。以下の 4 つの script を登録している。 buil

[motemen]

これ見よう見まねでやってたので識者がどういうこと考えながら構成してるか知れるのはうれしい 🤗

[riywo]

わかるわかる。でも直近だと、workspace でcommander のcli パッケージ作ってnpx で呼ぶようにした。npm run が引数渡すのに -- 必要なのが嫌だったのと、タスクの命名に疲れたので。

[ish1r0k1]

参考にしたい

[t_f_m]

"じゃあtsconfig.jsonにしないといけないのかというと、そうでもない。Solution Style tsconfig.json というものを用意すれば、好きな名前の設定ファイルを tsserver に読み込ませることができる"

[efcl]

npm-scriptsの基本的なパターン、npm-run-allを使った複数のコマンドを実行するパターン、コードを使ったscriptを扱うパターンなどについての記事。

[Funyapu]

npm-run-all よさ。愚直に並べてた....

[arc_at_dmz]

わかる

[munieru_jp]

おおむね似たようなポリシーだけど、lint-fixはエディタでやるのでつくらないのと、e2e-testではなく単にe2eにする。これに限らずなるべく短く1単語に収めたい。

[grasso0210]

参考しよう。

[remonoil]

postfixおじさん「postfix」

[sigwyg]

devはserveだったりもするよね。devのが判りやすいが。

[hisasann]

人の読むの面白いなー

[y-kawaz]

後で

[for-my-internet-demo]

まじでコメント書きたい

[hogashi]

ワイルドカードできるの知らなかった……

[ishikawa_pro]

npm-scripts 書く時に参考にしよ

[teppeis]

個人的にはnpm testはテスト全般のファサードにしておくことが多い

[Windymelt]

良い、ところで画像の注釈とかはgyazoとかでやってる感じですか