使用自己基于vue-cli 2. x改造的前端多页脚手架有近1年多时间了,一直没机会升级3.0版本
<强>开始零零碎碎开始写一些功能,顺便分享一下
const path=要求(“路径”)
const水珠=要求(“水珠”)/* *获取多页的入口脚本和模板*/const getpage=(()=比;{
常量(
globPathHtml,
globPathJs,
页,
tempSet
]=[
['。/src/模块/* */索引。html”、“模板”),//入口模板正则
['。/src/模块/* */主要。js”、“条目”),//入口脚本正则
Object.create(零),
新()
]
const getMultiPageConf=(globPath keyName)=比;{
让[文件列表,tempArr modName]=[glob.sync (globPath),[],零)
如果(文件列表。长度!==0){
(让输入文件列表){
tempArr=路径。目录名(条目,path.extname(条目)).split (“/?
modName=tempArr [tempArr。长度- 1)
如果(tempSet.has (modName)) {
对象。分配(页(modName), {[keyName]:条目,“文件名”:“$ {modName}。html '})
其他}{
反映。集(页面、modName {[keyName]:条目}),,tempSet.add (modName)
}
}
还真
其他}{
如果(keyName===澳０濉?{
把新的错误(“无法获取多页入口模板”)
}else if (keyName===疤跄俊?{
把新的错误(“无法获取多页入口脚本”)
其他}{
把新的错误(“无法获取多页信息的)
}
}
}
尝试{
而(getMultiPageConf (…globPathHtml),,getMultiPageConf (…globPathJs)返回页面
}捕捉(err) {
控制台。日志(“获取多页数据错误:“,犯错)
}
}) ()
控制台。日志(”页面,“getpage)
之前
页:{mod1:
{模板:“。/src/模块/mod1/index . html”,
条目:“。/src/模块/mod1/main.js ',
文件名:“mod1。html的},
mod2:
{模板:“。/src/模块/mod2/index . html”,
条目:“。/src/模块/mod2/main.js ',
文件名:“mod2。html的},
mod3:
{模板:“。/src/模块/mod3/index . html”,
条目:“。/src/模块/mod3/main.js ',
文件名:“mod3。html的}}
<强>使用:
/* * vue.config。js */模块。出口={
…
页:getpage
…
}
以上这篇vue-cli 3.0自定义vue.config.js文件,多页构建的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
