【JavaScript】ソースが変更されるたびにビルドさせる方法

ソースを変更して動作を確認する際に毎回

npm run build

または

yarn run build

を実行するのがめんどくさいので

ソースに変更があるたびに自動で再ビルドしてくれるようにする。

 

やり方

package.jsonの

copied!

 

{

 

  “scripts”: {

 

    “build”: “vue-cli-service build,

 

  },

 

}

 

--watchオプションをつける。
copied!

 

{

 

  “scripts”: {

 

    “build”: “vue-cli-service build –watch,

 

  },

 

}

 

再度
yarn run build
を実行するとコンソールに

Build complete. Watching for changes...

と表示され、変更が入るたびに再ビルドしてくれるようになる。