react-auth-router
v1.5.3
Published
vue react 钉钉小程序,微信小程序规避路由冲突的一个辅助工具,并支持钉钉小程序、微信小程序scss转换为acss 全局scss变量
Downloads
38
Readme
前端辅助工具
目前支持 react,vue 项目 子路由已经开发完成
辅助方法
- [x] 筛选变量赋值相同的代码
使用方法
npm i react-auth-router -g
router-cli init // 初始化项目
router-cli watch // 监听文件
router-cli add // 添加文件目前是创建固定模板
router-cli build // 直接进行打包
- [x] router-cli init 初始化项目
- [x] router-cli add 添加文件
- [x] router-cli watch 监听文件变化将项目下的所有页面的 json 进行统一到一个 json 文件中。可以通过这个 json 去做扩展。比如路由拦截等等。
- [x] react+ts 项目 demo 地址:https://gitee.com/wen_qi_li1/router-cli-react-ts-demo.git
vue react 模式
vue react 页面.json 配置
| 字段名 | 类型 | 是否必填 | 作用 | | :-------- | ------: | :------: | :-----------------------------------------------------------------------------------------------------: | | name | string | 是 | | | path | string | 是 | 路由地址 | | redirect | string | 否 | 重定向的地址 | | component | string | 是 | 文件地址 | | id | number | 是 | 路由 id 注意不可以随意修改 | | parentId | number | 是 | 父级路由 id 谨慎修改 | | query | object | 否 | 动态路由的参数 | | using | boolean | 否 | 是否启用当前路由(请注意如果父级取消使用,子路由将无法打包进路由文件,在 allPage.json 会展示该路由文件) | | sort | number | 是 | 同级路由进行排序 |
钉钉模式
_lwq-cli/model.json
{
"mode": "dd",
"type": "none",
"pages": "./page",
"mainScss":"./main.scss",//全局scss变量
"dd": {
"window": {
"defaultTitle": "···",
"backgroundColor": "#F5F5F9",
"pullRefresh": false,
"allowsBounceVertical": "YES"
},
"tabBar": {
"textColor": "#404040",
"selectedColor": "#108ee9",
"backgroundColor": "#F5F5F9",
"items": [{}]
},
"debug": true
}
}
dd 模式页面.json 配置
| 字段名 | 类型 | 是否必填 | 作用 | | :----- | ------: | :------: | :------------: | | isPage | boolean | 是 | 标记是否是页面 | | order | number | 否 | 排序值 | | root | string | 否 | 分包 |
wx 模式页面.json 配置
| 字段名 | 类型 | 是否必填 | 作用 | | :-------- | ------: | :------: | :--------------: | | isPage | boolean | 是 | 标记是否是页面 | | order | number | 否 | 排序值 | | author | string | 否 | 作者(谁负责的) | | needLogin | boolean | 否 | 是否必须登录 | | root | string | 否 | 分包 |