デベロッパーツール
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を追加します