VUE.CLI4.0配置多页面入口的实现

为何需要配置多页面?

在实际工作中，肯定会遇到大型项目，往往一个架构里面会开发多个应用，而这些应用又没有太大的关联，但有可能会共用一些组件或者是样式表等，那么就会出现一个问题，打包的时候会将这些互不相关的应用全部打包。

而因为脚手架VueCli所以构建的项目属于单页面应用，因此我们就需要手动去配置，搭建一个多入口，多应用的体系

需求

首页显示各个应用名称，点击进去各自应用

实现

使用vue/cli生成一个vue项目

npminstall-g@vue/cli个人不建议直接全局安装，因为可能会对其他项目造成影响，所以会选择加上-D来进行本地安装

然后vuecreateproject-name（使用本地安装的记得加上npx）

成功创建之后，我们看看当前的目录结构

这里我们需要重构一下我们的目录让他更可观

配置vue.config.js

同理application2应用也这样配置运行

npmrunserve

运行

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小编。