VUE.CLI4.0配置多頁面入口的實現

2019-12-15     科技i關注



為何需要配置多頁面?

在實際工作中,肯定會遇到大型項目,往往一個架構裡面會開發多個應用,而這些應用又沒有太大的關聯,但有可能會共用一些組件或者是樣式表等,那麼就會出現一個問題,打包的時候會將這些互不相關的應用全部打包。

而因為腳手架VueCli所以構建的項目屬於單頁面應用,因此我們就需要手動去配置,搭建一個多入口,多應用的體系

需求

首頁顯示各個應用名稱,點擊進去各自應用

實現

使用vue/cli生成一個vue項目

npminstall-g@vue/cli個人不建議直接全局安裝,因為可能會對其他項目造成影響,所以會選擇加上-D來進行本地安裝

然後vuecreateproject-name(使用本地安裝的記得加上npx)


成功創建之後,我們看看當前的目錄結構


這裡我們需要重構一下我們的目錄讓他更可觀


配置vue.config.js





同理application2應用也這樣配置運行

npmrunserve

運行




以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持小編。

文章來源: https://twgreatdaily.com/zh-cn/IJBcB28BMH2_cNUgMn_w.html