Vue CLI 是一個為 Vue.js 提供的標準工具鏈的基礎設施。

它包含了一個強大的插件系統，可以幫助我們快速構建出一個基于 Vue.js 的項目。為了更好的滿足開發者需求， Vue CLI 也提供了多頁構建的配套方案。

所謂多頁構建，是指按照頁面進行組織，一個頁面對應一個 HTML 文件。這一模式常被應用在一些多門戶、多平臺、多頁面等場景中。在 Vue CLI 2.x 中，多頁構建的實現通常需要開發者手動配置多個入口文件和 HTML 模板文件，比較繁瑣。

而在 Vue CLI 3.x 中，隨著 build 和 serve 命令新增的多個選項參數，多頁構建的配置也變得更加簡單。我們可以使用 @vue/cli-plugin-multi-page 插件同時構建出多個獨立的頁面。

// vue.config.js
module.exports = {
pages: {
// 頁面1
index: {
entry: 'src/pages/index/main.js',
template: 'src/pages/index/index.html',
filename: 'index.html'
},
// 頁面2
about: {
entry: 'src/pages/about/main.js',
template: 'src/pages/about/about.html',
filename: 'about.html'
}
}
}

使用 pages 選項指定多個頁面時，每個子選項是一個頁面的配置信息，包含 entry、template 和 filename 三個屬性。

entry 是頁面的入口文件，template 是 HTML 模板文件，filename 是生成的 HTML 文件名。與單頁模式一樣，多頁模式也支持各種自定義配置，可以根據實際需求進行靈活設置。

綜上所述，Vue CLI 的多頁構建方案為我們提供了一種更加靈活的前端項目組織方式，可以更好地解決一些多頁面場景下的問題。開發者可以根據需求選擇適合自己的模式進行開發，以實現更好的效果和體驗。