開始前撮珠，確定你電腦全局安裝了vue的腳手架工具vue-cli琉兜。
在你想建立項(xiàng)目的文件路徑下運(yùn)行cmd，輸入‘vue init webpack multiple’初始化webpack模板的vue項(xiàng)目院仿。
初始化項(xiàng)目過程中秸抚，你可以自己選擇是否安裝vue-router、eslint等工具歹垫。
不知什么原因剥汤，npm install過程報錯，打開項(xiàng)目目錄排惨，在該目錄下的cmd中執(zhí)行‘npm cache clean --force’后再次執(zhí)行‘npm install’后成功安裝項(xiàng)目依賴的插件吭敢。
執(zhí)行‘npm run dev’后項(xiàng)目成功啟動！
接下來便開始進(jìn)行項(xiàng)目多入口的改造暮芭。
打開webpack.base.conf.js文件鹿驼，發(fā)現(xiàn)其默認(rèn)入口為src文件夾下的main.js。
我們首先需要對入口文件及其設(shè)置做相應(yīng)修改辕宏。
在src文件夾下新建pages文件夾畜晰，然后在pages文件夾下新建index和admin兩個文件夾，然后將最外層的index.html和src下的main.js瑞筐、App.vue舷蟀、router文件夾移到index文件夾下，然后復(fù)制一份到admin文件夾中面哼。
為了便于區(qū)分兩個頁面入口文件野宜，我們需要將admin文件夾下的index.html改名成admin.html，App.vue改名Admin.vue（刪除或更改其中的img標(biāo)簽的src路徑魔策，Admin.vue中的img標(biāo)簽也做同樣處理）匈子，且不要忘了把這兩文件中id為app的div改名為admin。
接著對admin文件夾下的main.js文件做一些改造（index文件夾下的main.js中 router的導(dǎo)入也需要修改下路徑）闯袒，如下所示：
到此虎敦，新的入口文件已經(jīng)建立好游岳，剩余需求及項(xiàng)目配置可在pages文件夾下的index和admin 文件夾下按照普通單入口文件做相應(yīng)處理。后期可盡量把公共模塊抽離出來各自引入到子入口的相關(guān)代碼中其徙。
接下來胚迫，修改配置讓項(xiàng)目能夠正常運(yùn)行。
首先唾那，改造webpack.base.conf.js文件中的入口访锻，修改如下：
打開webpack.dev.conf.js文件，修改配置如下：
打開webpack.prod.conf.js文件夾闹获，修改如下：
執(zhí)行npm run dev發(fā)現(xiàn)項(xiàng)目已成功啟動期犬！
index文件夾下的門戶頁訪問路徑：http://localhost:8081/index.html#/
admin文件夾下的后臺管理頁訪問路徑：http://localhost:8081/admin.html#/
運(yùn)行‘npm run build’命令，查看并運(yùn)行靜態(tài)資源服務(wù)避诽，發(fā)現(xiàn)打包的文件一切正常龟虎，支持多入口項(xiàng)目搭建的雛形完滿完成。
最后附上該demo的github地址：https://github.com/nimdean/vue-multiple.git
