uni-simple-router中配置subPackages分包

引用uni-simple-router后,需要配置vue.config.js文件(pages.json文件同级)
vue.config.js代码如下

const TransformPages = require('uni-read-pages')
const {
	webpack
} = new TransformPages()
module.exports = {
	configureWebpack: {
		plugins: [
			//这个解析pages.json的,根据你的page.json定义的命名为主,是否有meta
			new webpack.DefinePlugin({
				ROUTES: webpack.DefinePlugin.runtimeValue(() => {
					const tfPages = new TransformPages({
						includes: ['path', 'name',
							'aliasPath', 'meta',
						]
					});
					return JSON.stringify(tfPages.routes)
				}, true)
			})
		]
	}
}

在使用的过程中需要注意事项:
pages.json代码subPackages定义不同!!!
pages.json代码subPackages定义不同!!!
pages.json代码subPackages定义不同!!!
正常情况下:

"subPackages": [{
			"root": "packageA/",
			"pages": [{
					"path": "pages/about/index",
					"style": {
						"navigationStyle": "custom",
						"backgroundColor": "#FFFFFF"
					}
				}]

运用vue.config.js文件后引入如下:
注意事项是root中定义的分包名已经少了’/’

"subPackages": [{
		"root": "packageA",
		"pages": [{
			"path": "pages/vipCard/index",
			"meta": {
				"title": "开通会员"
			},
			"style": {
				"navigationBarTitleText": "开通会员",
				"navigationStyle": "custom"
			}
		}]
}],

最后附上我的文件截图
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

  • 9
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值