package.json で、ダブルクオートのなかのダブルクオートのなかでダブルクオートをつかう方法をおしえてください

Question

つぎのような npm スクリプトを作成したのですが、期待通りに動作しません。

"scripts": {
      "hoge": "concurrently \"nodemon --watch postcss.config.js --exec \"postcss src/style/base.css -o public/style/base.css -w\"\""
}

実行結果↓

PS C:\Users\akihiro\work\project\diary> yarn hoge
yarn run v1.22.5
$ concurrently "nodemon --watch postcss.config.js --exec "postcss src/style/base.css -o public/style/base.css -w""
[1] 'src' �́A�����R�}���h�܂��͊O���R�}���h�A
[1] ����\�ȃv���O�����܂��̓o�b�` �t�@�C���Ƃ��ĔF������Ă��܂���B
[1] src/style/base.css exited with code 1
[0] [nodemon] 2.0.6
[0] [nodemon] to restart at any time, enter `rs`
[0] [nodemon] watching path(s): postcss.config.js
[0] [nodemon] watching extensions: js,mjs,json
[0] [nodemon] starting `postcss`

この npm スクリプトは、ダブルクオートのなかのダブルクオートのなかでダブルクオートをつかっています。そして、たぶん、ダブルクオートのエスケープの仕方が間違っています。しかし、どのように修正すればいいのかわかりません。

どのようにしたら動くのか、わかるかたがいれば教えてくださると助かります。

Answer 1

あんまり自信は無いけど、↓これでどうですか?

"concurrently \"nodemon --watch postcss.config.js --exec \\"postcss src/style/base.css -o public/style/base.css -w\\"""

ルールはシンプルで、

• ダブルクオートで囲む前に、エスケープすべき文字をエスケープする
• 「エスケープすべき文字」は、(今回のケースでは)"と\
• 「エスケープする」とは、その文字の前に\を付けることを指す

です。

一番内側の文字列"postcss src/style/base.css -o public/style/base.css -w"から始めて、
↓こんな感じで変化します。

"postcss src/style/base.css -o public/style/base.css -w"
↓エスケープ
\"postcss src/style/base.css -o public/style/base.css -w\"
↓ダブルクオートで囲む
"\"postcss src/style/base.css -o public/style/base.css -w\""
↓他の語句を追加
"nodemon --watch postcss.config.js --exec \"postcss src/style/base.css -o public/style/base.css -w\""
↓エスケープ
\"nodemon --watch postcss.config.js --exec \\"postcss src/style/base.css -o public/style/base.css -w\\""
↓ダブルクオートで囲む
"\"nodemon --watch postcss.config.js --exec \\"postcss src/style/base.css -o public/style/base.css -w\\"""
↓他の語句を追加
"concurrently \"nodemon --watch postcss.config.js --exec \\"postcss src/style/base.css -o public/style/base.css -w\\"""

あんまり、自信は無いです。

Comments

[akihiro35048]

回答ありがとうございました！

したのでいけました！

```text
"concurrently \"nodemon --watch postcss.config.js --exec \\"postcss src/style/base.css -o public/style/base.css -w\\"\""
```