ソース時代のWEBフロントエンドのドライシェア|あなたに別のスタイルVUE味をもたらします

近年では、Webフロントエンドとより多くの火だけでなく、非常に強力なマルチ機能の枠組みの誕生、VUEフレームワークは、最近暑いです、だけでなく、簡単かつ迅速に、迅速、かつ非常に豊かな、一般的に使用される様々なアイテムを完了することができます!

しかし、VUEの多くのコーダの理解が「自動化」、完成された足場のプロジェクトを設定するには、実際には、VUEの項目も多くのことをカスタマイズすることができます。公式には新規参入者がより迅速VUE始めてもらいたいので、Vueの@ / cli3.x足場プロジェクトの初期化は、VUEプロジェクトの設定ファイルではありません!この隠されたファイルにはそう。利点は、初心者のための、よりフレンドリーで、あなたは非常に多くの複雑な設定ファイルに焦点を当てることができない、欠点は、多くのことが拡張し、カスタマイズする方法がないということです。

ソース時代のWEBフロントエンドのドライシェア|あなたに別のスタイルVUE味をもたらします
あなたはVUEを掘り下げたい場合は、VUEプロジェクトプロファイルは、我々は確かに勉強になるプロファイルで、以下は、私たちは、設定ファイルをカスタマイズする方法を見てアイテムを使用してみましょう!

A. 新規プロジェクトのプロファイル
ので、デフォルトの設定ファイルが存在しない、ユーザーが「ゼロコンフィグレーション」を体験できるようにする@ VUE / CLI 3.xでは、あなたは、プロジェクトのルートディレクトリに新しいvue.config.jsを設定をカスタマイズしたい場合は、すべての構成情報が書き込まれていますどこ!
ソース時代のWEBフロントエンドのドライシェア|あなたに別のスタイルVUE味をもたらします

II。共通の構成
publicPath
publicPath WebPACKの出力に相当の構成、展開設定ルートパス、あなたはpublicPathのWebPACKのを変更したい場合は、このプロファイルに変更。
ソース時代のWEBフロントエンドのドライシェア|あなたに別のスタイルVUE味をもたらします

lintOnSave
(|偽真)あなたもこの方法を使用することができます一般的な開発ESlintを閉じたい場合は、直接の近くにfalseに、正式な環境で閉じることができESlintの構文チェックを有効にするかどうか
ソース時代のWEBフロントエンドのドライシェア|あなたに別のスタイルVUE味をもたらします

productionSourceMap
あなたがソースマップ制作環境をお持ちでない場合は、本番環境の構築を促進するために、falseに設定することができます。

devServer.proxy
リバースプロキシ(クロスドメインの問題を解決するために)、フロントエンドアプリケーションとバックエンドのAPIサーバーが同じホスト上で実行されていないが、あなたはAPIリクエストブローカのAPIサーバーへの開発環境が必要な場合。この問題はdevServer.proxyオプションでvue.config.jsを介して設定することができます。
ソース時代のWEBフロントエンドのドライシェア|あなたに別のスタイルVUE味をもたらします
一度設定すると、要求がサーバ(仮想)送信要求データインターフェースおよびサーバが同じIPとポートであることを保証するために、プロキシサーバhttp://12.220.14.27:4152仮想アドレスに送信されます

平行
バベルまたは活字体使用糸ローダかどうか。システムに複数のCPUコア、生産を構築する唯一の役割がある場合、このオプションは自動的に有効になります。

これらは、カスタム設定を使用することができ、デフォルトのプロジェクトにおけるVUEカスタム設定項目は、私たちを満たしていないいくつかの一般的なプロジェクトです!

シモンズ:完全vue.config.js設定参考資料:
https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7 %BD%AE

おすすめ

転載: blog.51cto.com/13007966/2449291