React-auth-router NPM

前端辅助工具

目前支持 react，vue 项目子路由已经开发完成

辅助方法

筛选变量赋值相同的代码

使用方法

 npm i react-auth-router -g
 router-cli init // 初始化项目
 router-cli watch // 监听文件
 router-cli add // 添加文件目前是创建固定模板
 router-cli build // 直接进行打包

router-cli init 初始化项目
router-cli add 添加文件
router-cli watch 监听文件变化将项目下的所有页面的 json 进行统一到一个 json 文件中。可以通过这个 json 去做扩展。比如路由拦截等等。
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	否	分包