您的位置:首页 > Web前端 > Vue.js

vue cli3配置多页面入口

2020-07-07 22:37 1041 查看

使用vue 配置多入口

因为懒,所以要提高开发效率,因为懒,所以要安装第三方依赖

  • 使用glob自动加载
yarn add glob -D  //安装依赖
  • 配置vue.config.js
const getEntries =(pathUrl)=>{
let pages={}
glob.sync(pathUrl).map(filePath=>{
const fileName=filePath.substring(filePath.lastIndexOf("/")+1,filePath.lastIndexOf("."))
pages[fileName]={
/* 返回对应的入口页面配置,详情见vue-cli官网 */
template: `${filePath.substring(0, filePath.lastIndexOf("."))}.html`,
entry:filePath,
filename: fileName+".html",
chunks: ['manifest', 'chunk-vendors','chunk-common',fileName],
title:fileName
}
})
console.log(pages)
return pages
}
const entries = getEntries("src/entries/**/*.js")  //入口文件夹位置
module.exports={
pages:entries,//配置多入口
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: