parcel

parcelのhot reloadが動かないときの確認事項

parcel.jsを動かしているときにhot reloadがうまく動かなくて失敗したので、メモ。

環境

  • chrome 64.0
  • parcel 1.5.1
  • webstorm 2017.3.3

1. chromeのcacheの確認

キャッシュが無効になっていると、reloadがうまく動かないみたいなので確認。F12(開発コンソール) > Network > :ballot_box_with: Disable cacheを解除

これで動くか確認する

2. Webstormの設定を確認

WebstormのSettingsを開いて、Appearance & Behavior > System Settings > :ballot_box_with_check: Use "safe write"を解除

とりあえず、これで動いた。

3. CSSがリロードされない場合

HTMLの中でCSSを読み込んでいる場合、リロードされないようなので、JSファイルの中で読み込むようにする。

script.js
import 'style.css'

// 以下コード