Vue.js是目前最熱門的前端框架之一，具有易用性和靈活性等多個優點。與此同時，Vue.js也支持使用CLI工具來創建和構建應用程序，從而讓開發人員更加高效地開發Web應用程序。在Vue.js CLI工具中，有一個重要特性，即構建靜態網站的功能，使得開發人員可以將Vue.js應用程序快速部署到Web服務器或CDN上，并且使得網站能夠更快地加載。

使用Vue.js CLI工具來構建靜態網站非常簡單。首先，需要確保已經通過npm或yarn安裝了Vue.js CLI工具。接著，使用命令行工具進入Vue.js應用程序的根目錄，并執行以下命令：

vue-cli-service build --mode production --target static

執行以上命令后，Vue.js CLI工具會默認將所有的Vue組件轉換為靜態HTML文件，并將這些文件保存到應用程序的dist目錄下。其中，--mode參數指定了當前的構建模式為“生產模式”；--target參數指定了構建的目標為“靜態網站”。

除了默認的配置外，Vue.js CLI工具通過vue.config.js文件還支持更加靈活的配置。例如，可以通過以下配置來設置構建輸出的文件名為index.html：

// vue.config.js
module.exports = {
outputDir: 'dist',
filenameHashing: false,
pages: {
index: {
entry: 'src/main.js',
template: 'public/index.html',
filename: 'index.html'
}
}
}

上述配置還可以設置輸出文件的路徑、禁用文件名哈希等選項。通過改變vue.config.js文件中的配置，我們可以輕松地控制靜態網站的構建輸出。