vue設置多個入口


做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#/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM