vue cli 3.X (三) 工程文件配置vue.config.js

一、說明

　　vue.config.js是一個可選的配置文件，該文件必須放在根目錄下，必須叫這個名字，必須按照固定的模式且嚴格遵守JSON的規范。

　　只有這樣才能被@vue/cli-service自動加載，修改整個工程的配置

　　詳細參考：官網  https://cli.vuejs.org/zh/config/#全局-cli-配置

二、格式

// vue.config.js module.exports = { 　 配置項1;'',//string類型的值
　　配置項目2：true， //boolean類型的值
　　配置項目3：{
　　},//object類型的值
... };

三、常見配置項目和配置的值

1、baseUrl：部署應用時候的根路徑，也可以使用相對路徑（存在使用限制），這個vue cli 3.3以后就取消了，被publicPath取代了

類型：string

默認值：'/'

2、publicPath：打包部署應用程序時候的URL

類型：string

默認值：'/'  //絕對路徑，部署在根目錄下

說明：

①：默認值是部署在根目錄下；根目錄下的子文件夾：'/myapp/'

②：相對路徑：'./',盡快避免使用相對路徑

③：可利用環境變量，設置不同開發環境用不同的值:

環境變量設置，見vue vli 3.x（二），這個設置就是打包環境存在前面那個子文件夾下，否則放在根目錄下

3、outputDir

作用：當運行 vue-cli-service build 時生成的生產環境構建文件的目錄。注意目標目錄在構建之前會被清除

類型：string

默認值：'dist'

4、assetsDir

作用：放置生成的靜態資源js，css、image。fonts等,其路徑相對於outputDir設置的路徑，就是放在output路徑下面

類型：string

默認值：''

習慣設置：'assets'

5、indexPath

作用：指定生成的index.html的輸出路徑，相對於outputDir的設置

類型：string

默認值：'index.html'

6、filenameHashing

作用：默認情況下，生成的靜態資源在他們的文件名中包含了hash，以方便控制緩存

類型：boolean

默認值：true

7、pages

作用：在多頁面模式下構建應用，每個page應該對於一個js入口文件

類型：object

默認值：undefined

樣式：

8、