javascript - Webpack がパッケージ化されるとき、js は意図的に静的に配置されます。置換は公開後には有効になりません。

Question

vux プロジェクトがあります。静的ディレクトリに JS を意図的に配置し、require を使用して取得しました。JS の内容は次のとおりです。

リーリー

これを vue で使用します:

リーリー

問題は、静的な webpack パッケージに配置されている場合、npm run build では問題がないことです。使用中にこのsysNav.jsを修正したのですが、いくらキャッシュを削除しても、どこにキャッシュされているかわからないような古いコンテンツのままです。このファイルを動的に変更することで、内容の一部を更新できればと考えています。つまり、作り方は毎回最新の内容を読む必要があります。

Answer 1

devServer または webpack-dev-middleware webpack-hot-middleware を構成します

Answer 2

見ないと更新されないのですが、どうすれば自動的に更新されますか?

Answer 3

複雑すぎると言いましたか?実際、この問題を再現するのは非常に簡単です。

新しい vue プロジェクトを作成し、js を静的に配置し、vue で js を要求します (たとえば、alert)。

npm build を実行し、dist のコンテンツを Web サーバーにコピーし、静的な js のコンテンツを変更すると、このコンテンツが有効にならないことがわかります。

それでは、質問しますか？ js が必要な限り、js はパッケージ化されます。この js がまだ静的ディレクトリにあるのはなぜですか? ?自分も他人も騙していませんか？ ?

---

実際のテストの結果、js が必要である限り、webpack は js を app.js に直接パッケージ化し、静的なコンテンツがそのまま dist ディレクトリに直接コピーされることがわかりました。 app.jsでテストコードを見つけました。

---