VueのCLI 3発電プロジェクトの構造は、configディレクトリを構築するが、vue.config.jsの使用が構成されていません。
vue.config.js
プロジェクト(および場合は、オプションの設定ファイルである package.json
ルートディレクトリに同じレベルで、この文書の存在が)、それはされます @vue/cli-service
自動的にロード。
また、使用することができる フィールドを、そのようなアプローチは、厳密に書くためにJSON形式に準拠する必要があることに注意してください。package.json
vue
VueのCLIのバージョンを見ます
ビュー- バージョン
3.5.1
2つのプロファイルを作成しvue.config.js
= module.exportsは{ // 非推奨からVueのCLIからbaseUrlに3.3、publicPath使用 // デフォルトを、VueのCLIは、アプリケーションがルートドメインに配備されていると仮定します、例えばhttps://でWWW .MY-app.com /。 // アプリケーションは、サブ・パス上に展開されている場合は、このオプションを使用して、サブ・パスを指定する必要があります。たとえば、アプリケーションがhttps://www.my-app.com/my-app/、publicPathに配備されている場合は、/私のアプリを/に設定されています。 publicPath: process.env.NODE_ENV ===「生産者」「/サブパス・生産者/」:?「/」、 // VUE-CLI-サービスを実行するときに生成された生産環境構築ディレクトリのファイルを構築します。 // 建物の前にターゲットディレクトリがクリアされることに注意してください(受信--no-クリーンな行動をする際、建物をオフにすることができます)。 // デフォルトの'DIST' outputDirの"マイアプリ" 、 // 配置は静的リソースを生成した(JS、CSS、IMG、フォント ) ディレクトリ(ディレクトリに関してoutputDirの)。 // デフォルトは「」 assetsDir: "資産" 、 // 指定された出力パスは、index.htmlを(相対outputDirの)を生成しました。また、絶対パスを指定できます。 // デフォルトは「index.htmlを」 indexPath:「myIndex.html」、 // デフォルトでは、静的リソースは、そのファイル名に、より良い制御キャッシュするために、ハッシュが含まれて生成しました。 filenameHashing:偽、 // eslintローダーリントコードによって、開発環境、あなたが保存するたびにあるかどうか。この値は、/ VUEのcli-プラグインeslint @インストールされた後に有効になります。 lintOnSave :! process.env.NODE_ENV ==「生産者」、 // Vueのは、実行時コンパイラが含まれているビルドを使用するかどうか。あなたはVueのアセンブリでテンプレートオプションを使用することができ、trueに設定されているが、それはあなたにおよそ10キロバイト増加し、余分なアプリケーションを作ります。 runtimeCompiler:偽、 // あなたがソースマップ生産環境を持っていない場合、それは、本番環境の構築を促進するために、falseに設定することができます。 productionSourceMap:偽、 // すべてのWebPACK-devのサーバーオプションがサポートされています。 devserver:{ ホスト: "localhost"を、 ポート: 8080、// ポート番号 HTTPS:偽、 オープン:trueに、// 設定が自動的にブラウザアクティブに //が複数のプロキシ設定 プロキシ:{ "/ API" :{ ターゲットを: " HTTP:// localhostを:3000」、// ローカルアナログデータサーバ changeOrigin:trueに、 pathRewrite:{ "^ / API ":"" // ストリング除去APIのインタフェースアドレス } }、 "/ foo"という:{ ターゲット: "HTTP:// localhostを:8080"、// ローカルアナログデータサーバ changeOrigin:trueに、 pathRewrite:{ "^ / FOO": "" // fooのインタフェースアドレス列を削除します } } } } } ;