做VUE項目時,有時想做多個入口來解決某些問題。
在根目錄下的復制一份index.html,名稱隨便你命名,當然,你也可以都是放到一個文件夾下,我的就叫index1.html
然后在App.vue也復制一份,我的也叫App1.vue
然后main.js也復制一分,我的還 是命名main1.js
在main1里面更改下,把
import App from "./App";
改為
import App from "./App1";
其它 可以不用變。
然后到build文件夾里面。
webpack.base.conf.js文件在entry添加一個入口,如圖
webpack.dev.conf.js文件的plugins里面也添加一段代碼,如何紅框
再在webpack.prod.conf.js文件plugins里面也添加 一份代碼 ,如何紅框所示
最后 在config文件夾里面的index.js在build里面添加一個請求,如圖所示
至此。。多個入口配置已經完成 。
npm run build后會生成兩個 入口文件,index.html和index1.html。
在瀏覽器上,可以用兩個地址訪問,比如我的是
http://localhost:8080/#/是默認地址,
也可以是http://localhost:8080/index1.html#/