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

為何需要配置多頁面?

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

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

需求

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

實現

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

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

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

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

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

配置vue.config.js

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

npmrunserve

運行

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