npm scripts: 複数ファイルを一気に作成する

Question

npm scriptsを使って複数ファイルを一気に作成するコマンドを追加したいのですが、上手くいきません。

"scripts": {
    "ducks": "mkdir src/states/ducks/$FOLDER && touch src/states/ducks/$FOLDER/{actions.ts,epics.ts,index.ts,operations.ts,reducers.ts,selectors.ts}"
  },

このように設定し、$ FOLDER=new yarn ducksを実行すると、「src/states/ducks/new」フォルダ以下に指定したファイル（つまり6つのtsファイル）ができる想定でした。

しかし、実行してみたところ、「src/states/ducks/new」フォルダ以下に「{actions.ts,epics.ts,index.ts,operations.ts,reducers.ts,selectors」という名前のフォルダができてしまいました。

ターミナルから直接的に、touch src/states/ducks/new/{actions.ts,epics.ts,index.ts,operations.ts,reducers.ts,selectors.ts}を実行すると、正しくファイルを作成できることは確認しています。

どうにかしてnpm scriptsから実行したいのですが、1つづつファイルを作成し&&で繋げていく以外に、簡潔に書ける解決策は考えられますでしょうか？
よろしくお願いします。

Answer 1

中括弧で囲む複数ディレクトリ名の指定方法は、OSや npm の標準機能ではなく、bash などの特定のシェルプログラム固有の機能です。
なので、下記のようにすると動くのでは。

"scripts": {
    "ducks": "bash -c 'mkdir src/states/ducks/$FOLDER && touch src/states/ducks/$FOLDER/{actions.ts,epics.ts,index.ts,operations.ts,reducers.ts,selectors.ts}'"
},

ご参考になれば。

Comments

[dwayne_johnson]

ありがとうございました。勉強になりました。

Answer 2

"scripts": {
    "ducks": "bash -c 'mkdir src/states/ducks/$FOLDER && touch src/states/ducks/$FOLDER/{actions.ts,epics.ts,index.ts,operations.ts,reducers.ts,selectors.ts}'"
  },

ブレース展開はBashの機能ですので、Bashにスクリプトを実行させれば良いかと思います。

Comments

[dwayne_johnson]

ありがとうございました。勉強になりました。

Answer 3

ターミナル(シェル)でうまく動くのは、 bash 等のシェルの機能であるブレース展開が動くからですね。

とりあえず、思いついたのは、bash を経由させることですが、下記のように bash を経由させたら、動作したりしないでしょうか？

"scripts": {
    "ducks": "bash -c 'mkdir src/states/ducks/$FOLDER && touch src/states/ducks/$FOLDER/{actions.ts,epics.ts,index.ts,operations.ts,reducers.ts,selectors.ts}'"
},

Comments

[dwayne_johnson]

シェルとbashについて、違いを認識できておらず、勉強になりました。ありがとうございました。助かりました。