sass - Webpack と SASS のホット リロード

Question

シンプルなhtmlとCSSアプリを作っています。開発中の Web サイト LIVE に表示するには、SASS の変更が必要です。

すべての SASS と開発が完了したらwebpack -b、webpack を実行して SASS を CSS に変換する必要があります。

誰かが以前にこれを行ったことがあると確信しています。ありがとう。

Answer 1

output.publicPath問題は webpack.config.js ファイルの間違った設定に起因するようです。live-reload を機能させるには、webpack バンドル (app.css、app.js など) へのリクエストを webpack-dev-server で処理する必要があります。output.publicPath参照しているリポジトリの場合、これは に設定することで実行できます"/build"。

webpack-dev-server --inline構成ファイルを変更した後、コマンド ラインで実行し、 に移動しhttp://localhost:8080ます。これで、ファイルを変更して保存するたびにページがリロードされます。