配置vue项目多入口

本文介绍了如何在Vue.js项目中配置多入口,以便创建独立的模块。首先,在src和public文件夹下创建新的入口文件夹及HTML文件,然后在新入口文件夹内配置main.js、router.js和Vue入口文件。接着,回到vue.config.js中,对devServer进行配置,并新增pages对象以完成设置。最后,运行项目验证配置是否成功。
摘要由CSDN通过智能技术生成

最近在做公司里面的一个基于element的项目,需要添加一个大屏的功能脱离出来element框架,所以决定做一个多入口,大屏模块单独出来。

配置方式如下

1.首先在src文件夹下面创建入口的文件夹和在public下面创建一个入口的html文件

比如我们公司的入口模块叫做healthCloud

创建的新的html页面代码如下,id设置当前模块的名字便于后期挂载

 

2.然后我们src新建的新的入口文件夹下面分别创建main.js文件,router.js文件和vue入口文件,做为当前入口模块的基本配置

在main.js下面对当前入口页面进行挂载,代码如下:

import Vue from 'vue';
import healthCloud from './healthCloud.
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小世界94

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值