【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...

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