VUE-CLI3 vue.config.js一般的な構成

基本：

= module.exportsは{
   // オプション... 
}

使用publicPathは、サーバー（へのパスを見つけるバックエンドAPIと同じディレクトリにプロジェクトを）

module.exportsは= { 
  publicPath './' 
}

パッケージ化されたビルドプロジェクトの場所

module.exportsは= { 
 outputDirの： 'DIST' 、
}

コード検出eslint

lintOnSave：トゥーレ| 偽 | 'エラー'

devserve構成

devserver：{ 
  オープン：trueに、// 自動的にオープン 
  ポート：8000、// セットポート
  プロキシ：{
     // 設定エージェント 
    '/ Axios' ：{ 
      ターゲット： 'http://101.15.22.98' 、
      changeOrigin：trueに、
      セキュア：falseに、// インタフェースは、httpは、configureのパラメータであれば
      、{：pathRewrite
         '^ / Axios'： '' 
      } 
    } 
  } 
}

WebPACKの内部構成（連鎖）

CONSTパスは=（「パス」を必要とします）。

関数解決（DIR）{
   戻りpath.join（__ DIRNAME、DIR）
}

chainWebpack：（）=> { 
    config.resolve.alias 
          .SET（ '@'、決意（ 'SRC' ））
          .SET（ 'ビュー'、決意（ 'SRC /ビュー' ））
          .SET（ '資産'、決意（ 'SRC /資産' ））
     // ...... 
}

vue.config.js

1  // 打包压缩取出にconsole.log 
2  // CONST UglifyJsPlugin =（ 'uglifyjs-WebPACKの-プラグイン'）を必要とします。
3  
4 CompressionWebpackPlugin CONST =（ '圧縮WebPACKの-Plugin'を必要とします）。
5 CONST productionGzipExtensions = [ 'JS'、 'CSS' ]。
6  
7  // CONST ENV = process.env.NODE_ENV。
8  
9 CONSTパス=（ 'パス'を必要とします）。
10  
11  関数解決（DIR）{
 12    リターンpath.join（__ DIRNAME、DIR）
 13  }
 14  
15 module.exportsは= {
 16   publicPath： './'、// 設定包装さ静的リソースパス
17。    lintOnSave：falseに、
 18である 
。19    chainWebpack：（設定）=> {
 20は 
21である     config.resolve.alias
 22は          .SET（ '@'、解決（ 'SRC' ））
 23である          .SET（ '資産'、解決（ 'SRC /資産））
 24          .SET（ 'コンポーネント'、解決（' SRC /部品））
 25          .SET（ 'ビュー'、解決（」SRC /ビュー' ））
 26である          .SET（'静的'解決（' SRC /静的' ））
 27    、}
28  
29    configureWebpack：（設定）=>{
 30      であれば（process.env.NODE_ENV === "開発" {）
 31        config.devtool = 'ソースマップ'
 32      } 他{
 33  
34        config.plugins.push（新しいCompressionWebpackPlugin（{
 35          アルゴリズム： 'GZIP' 、
 36          試験：新しい正規表現（ `\\（$ {productionGzipExtensions.join（ '|' ）}）$`）、
 37          しきい値：10240 、
 38          minRatio：0.8 、
 39        }））。
40  
41        // config.plugins.push（
42       //      新しいUglifyJsPlugin（{ 
43        //        uglifyOptions：{ 
44の       //          圧縮：{ 
45        //            drop_debugger：真、//コンソール
46        //            drop_console：真、
47        //          }、
48        //        }、
49        //        sourceMap。偽、
50        //        平行：真、
51        //      }）、
52        // ）
53      }
 54    }
 55  
56    devServer：{
 57      オープン：真、// 自動的にオープンする
58      ポート：8000、// ポート設定
59      / * プロキシ：{
 60        //プロキシ設定
 61である       '/ Axios'：{
 62は、         ターゲット： 'http://101.15.22.98'を、
 63は         changeOrigin：trueに、
 64          セキュア：falseに、インターフェースは、HTTP //場合、構成パラメータが必要に
 65          pathRewrite：{
 66            '^ / Axios' ''
 67          }
 68        }
 69      } * / 
70    }
 71である 
72 }。

VUE-CLI3 vue.config.js一般的な構成

おすすめ