2022.01.13 Web制作

npm-scriptsがMacでは動くのにWindowsでは動かないとき

エンジニアのみなさん、タスクランナーは何をお使いでしょうか？
私は最近npm-scriptsでいろいろ動かしているのですが、それをWin環境のひとに動かしてもらおう😏（私のOSはMacです）としたとき・・・

うんともすんともしない！

エラー文言さえ出力せず、あたかも問題ないですよ😌みたいな顔をしていますが、びくとも動いておりません。
なんでなんで？！Macでは動いてるのになんでWindowsだと動かない・・・？！~~もうみんなMacを使ってほしい・・・~~
と、しばらく騒いだあとにググってみると・・・

Windowsでは'シングルクォーテーション'ではなく"ダブルクオーテーション"でないとダメらしい

との情報を掴んだので、早速スクリプトの内容を変更します。
（今回私が動かそうとしていたのはcpxのスクリプトです）

"image:copy": "cpx './src/images/**/*.{jpg,png,gif,svg}' dist/assets/images --verbose --update",

シングルクォーテーションの部分を、ダブルクオーテーションに変更。
エスケープ処理も忘れずに😤

"image:copy": "cpx \"./src/images/**/*.{jpg,png,gif,svg}\" dist/assets/images --verbose --update",

これで再度実行してみると・・・

無事にスクリプトが実行されました❕❕❕❕❕❕

MacとWinでスクリプトの内容を書き換えなければいけないのか・・・はたまたWinでの動作は諦めるしかないのか・・・などと落ち込んでおりましたが、無事に解決することができてよかったです。
同様の現象にお悩みのかたの一助となれば幸いです🐻

WEBサイト制作のお問い合わせ、お見積り依頼、ご質問は
こちらのお問い合わせフォームよりお願いいたします

フライング・ハイ・ワークスは、東京のホームページ制作・Web制作会社・システム開発会社です。東京都及びその近郊（首都圏）を中心として、SEO対策を意識したPC及びスマホのサイトをワンソース（レスポンシブ対応）で制作します。

デザイナーチームは、グラフィックデザインやイラストの制作も得意としており、著作権を意識しない素材の提供が可能です。システム・コーディングチームでは、Laravelなどを使用したスクラッチからのオリジナルシステム開発を始め、WordPressのカスタマイズを得意としております。

また、SEOやランディングページ（LP）、広告向けバナーなどを他社様でやっていた作業の引継ぎでも問題ありません。制作実績は多数ございますので、お客様に合わせたご提案が可能です。

東京のホームページ制作・Web制作のお問い合わせ、お見積り依頼、相談、質問は
こちらのお問い合わせフォームよりお願いいたします