Vue CLI 3.0帶來了一些很棒的新功能，其中一個就是可以對 項目的目錄結(jié)構(gòu) 進行更好的控制。其中之一是vue.config.js文件的引入，這個文件可以包含 Vue CLI 官方提供的大多數(shù)選項的轉(zhuǎn)換配置，以及項目特定的配置。

// 一個基本的配置文件示例
module.exports = {
// 選項...
}

為了使用vue.config.js，只需將它放置在項目根文件夾中，Vue CLI 自動生成的配置將會基于它增強。在 Vue CLI 初始化或通過 vue init 命令創(chuàng)建的項目中，都應該有一個 vue.config.js 文件。基本的Vue CLI初始化項目應該長這樣：

my-app/
README.md
node_modules/
package.json
public/
index.html
favicon.ico
src/
App.vue
main.js
vue.config.js

當配置被提供的時候，它會被按照以下順序依次調(diào)用（如果存在同名的選項，后者會覆蓋前者）：

1. 命令行選項
2. vue.config.js 中的選項

下面是一個自定義 outputDir 的例子

// vue.config.js
module.exports = {
outputDir: 'myOutputDir'
}

在這個示例中，運行 npm run build 時，生成的構(gòu)建文件將被放置在 myOutputDir 目錄。這也有助于通過不將構(gòu)建文件與應用程序代碼混合在一起的方式來管理生成代碼。Vue CLI將會使用該選項進行優(yōu)化（例如可以通過自動生成 index.html，從而避免將輸出文件與index.html簽出源代碼管理）。