有沒有多頁應用版的vue-cli的模板？

官方vue-cli的模板是單頁應用的，有沒有人寫過多頁應用的模板？

---

vue-cli 你完全可以用，改webpack的配置，多入口即可。

相當於多個單頁面入口，

這個時候你需要解決的問題，是如何webApp-A 跳轉到 webApp-B 因為兩個路由是不共用的－－－－－－－－－－ 這部分交給 nginx 去解決。

你可以訪問 http://www.uhouzz.com/ 雖然是angular 做的但是原理是一樣的，PC站是多個單頁面應用，nginx 配合去解決的。

---

前段時間寫了個小demo，因為功能需求用了兩個入口，可以參考一下 GitHub - hilongjw/AweSiteChat: A horror site danmu project base on Vue.js Wilddog

需要稍微改一下 webpack 配置

webpack.base.conf.js

entry: {
app: "./src/main.js",
admin: "./src/admin.js"
},


然後根目錄的config.js

module.exports = {
build: {
index: path.resolve(__dirname, "dist/index.html"),
admin: path.resolve(__dirname, "dist/admin.html"),


---

自己根據餓了么的例子改了一個GitHub - Plortinus/vue-multiple-pages: Vue2.0 + ElementUI + Multipages + Webpack2

---

推薦一個，使用Vue-cli搭建多頁面應用時對項目結構和配置的調整

基本不會出錯。

---

用 nuxt.js, 不局限於服務端渲染,跳轉用 a 標籤,就成多頁應用了,然後執行 npm run generate 即可打包

---

lizhoukai/vue-mobile-cli: 基於 vue mobile 端的多頁應用腳手架

個人感覺目前這個足以滿足很多場景

---

用這個吧，GitHub - YaoZeyuan/vue-multi-page: vue-多頁面版，文檔，注釋，使用說明都有

---

可以參考這個：zhoou/vue-cli-multipage-bootstrap 有待完善，可以借鑒一下

---

同問，各位大神提供的都不是ssr的？求ssr的多頁vue模板？

---

自己改唄,dev 環境和生產環境分別往 config 裡面來設置 entry. 以下處理方式略渣, 公用模塊簡單的打包了一個.僅做參考

exports.addEntriesAndHtmlPlugin = function (options, isProduction) {
fs.readdirSync(path.resolve(__dirname, "../src/modules"))
.forEach(function (chunkName) {
options.entry[chunkName] = "./modules/" + chunkName
options.plugins.push(new HtmlWebpackPlugin({
filename: isProduction?config.build.index+chunkName+".jsp" : "./views/"+chunkName+".html",
template: "./modules/" + chunkName + "/index.html",
minify: {
removeComments: isProduction,
collapseWhitespace: isProduction,
removeAttributeQuotes: isProduction
},
inject: true,
chunks: ["commons", chunkName],
Title: chunkName + "Page Production",
chunksSortMode: "dependency"
}))
})
}


---

推薦閱讀：