VUEデベロッパーツールとホット・アップデート

デベロッパーツール

GoogleのVUEの開発とデバッグツール、デベロッパーツールは、本番環境ヒントに、開発環境で使用することができます:それはprodctionモードであるbecaseデベロッパーツール検査が利用できる、ではありません。

VUE-デベロッパーツールはコードをチェックできるように、デフォルトの開発版が真である必要があれば、生産バージョンは、デフォルトの偽であるかどうかをVue.config.devtools設定、運用環境でもVUE-デベロッパーツールを使用して、あなたがする必要があります

セットVue.config.devtools = trueの、ロードVUE後必ずすぐに同期設定可能

 

開発環境で、このようなログがあります:

[HMR]はWDSからの更新信号を待っています...

WDSからのヒントは、更新されています

1つのWebPACKはどのようなものです:

ローカルサーバーを起動し、言語、ホットアップデートを変換し、梱包など:WebPACKのは、次のような、雑用の事業開発に加えて、フロントエンドの開発を解決するために自動化されたビルドツールです。

この構成に関連する問題は、それが私たちのために、ローカルサーバーの更新と発熱のWebPACKです。

何2 [HRM]は次のとおりです。

これは、ホットモジュールの交換速記です。モジュールのホットアップデート

何3 [WDS]は次のとおりです。

これは、WebPACKのdevのサーバーの省略形です。WebPACKの開発環境サーバ(ローカルサーバ)。、WebPACKの-devのサーバーのローカルサーバーによって生成されたWDSプロンプト情報の始まりはそう

ローカルサービスを開始すると

 

 NPM実行DEVを実行するスクリプトファイルのコマンドが実行されたとき:時間別のWebPACK-devのサーバー構築/ webpack.dev.conf.jsを

 

 本番環境では、すべてのログ情報とデバッガの情報を削除するには:

プラグインは、ビルド/ webpack.prod.conf.jsファイルにwebpack.optimize.UglifyJsPluginを追加します

 

おすすめ

転載: www.cnblogs.com/xiaofenguo/p/12606454.html