当前位置: 首页 > 后端技术 > Node.js

vue2-多入口配置

时间:2023-04-03 17:43:57 Node.js

可以点进去,肯定是对单入口和Vue2了解透彻的人。废话。关于干货。前期准备1.一个可以完成并运行的vue单页项目。(本文以Vue提供的单页模板为例)2、没有的话请找度娘。目录修改了我的src目录,如下:本例要修改的配置文件如下:config/index.js修改如下:代码如下:在config/index.js中添加两个字段。view:是聚会所有页面的文件夹名称。defaultEntry:有两个属性,分别是主页html和js的路径(我的主页js入口和html不在同一个文件夹,这里配置)//多个入口配置entryPath:['view'],defaultEntry:{html:'index',js:'./src/index'},修改utils.js如下:代码如下://获取多级入口letglob=require('glob')exports.getMultiEntry=function(globPath,type){letentries={},basename,tmp,pathname;glob.sync(globPath).forEach(function(entry){basename=path.basename(entry,path.extname(entry));tmp=entry.split('/').splice(-4);letpathSrc=tmp[0]+'/'+tmp[1]if(tmp[0]==='src'){pathSrc=tmp[2]}pathname=pathSrc+'/'+basename;//正确输出js和html路径条目[路径名]=条目;});if(config.defaultEntry&&config.defaultEntry!==''){entries['index']=config.defaultEntry[type]+'.'+type}console.log('entries-----------',条目);returnentries;}webpack.base.conf.js修改如下:代码://多入口配置添加letentries={}for(leti=0;i