在Vue中，打包根目錄是指webpack打包編譯后生成的文件所在的目錄，也可以說是web應用程序根目錄，根目錄的選擇對于應用程序的部署和維護有很大的影響。

默認情況下，Vue CLI會將打包后的文件存儲在dist文件夾中。這個文件夾位于項目的根目錄下，即與src和public平級。如果你想編輯打包后的文件，需要先進入到dist文件夾里。由于此時dist文件夾需要依據各個環境重新打包，因此需要謹慎修改，否則可能會造成不可預計的問題。

// 打包后的文件存儲在dist目錄下
./my-project
├── dist
├── public
└── src

更改打包根目錄可以使用outputPath選項。通過配置outputPath選項可以將打包文件生成到指定的目錄下。outputPath默認值是dist，即如果不進行更改，vue-cli會自動將打包生成的文件存儲在dist目錄下。

// 修改outputPath的默認值為build
module.exports = {
outputDir: 'build'
}

修改生成的打包文件存儲目錄后，項目根目錄的目錄結構也會跟著發生改變。此時，src和public文件夾下的內容依舊保存在和以前相同的地方。但打包生成的所有文件都存儲在新的build文件夾中。

// 打包后的文件存儲在build目錄下
./my-project
├── build
├── public
└── src

修改打包根目錄的其中一個應用就是，將打包發布到指定的服務器時，需要將打包文件放置到指定的服務器根目錄下。因此在這種情況下，需要更改outputPath選項，保證生成的打包文件可以正確的放置到服務器指定的根目錄下。

最后需要注意的是，修改打包根目錄并不會影響在Vue中使用靜態資源的路徑問題。因此需要在靜態資源路徑使用相對路徑，否則靜態資源可能會無法加載。

// index.html文件中引入靜態資源需要使用相對路徑