town-revitalize-portal v1.0.0

TOWN-REVITALIZE

 ├── packages
    ├── town-revitalize                       // 组件库
    └── town-revitalize-pc                    // pc门户
           └── src
                ├── config                    // api、app、route 配置
                ├── hooks
                |    └── auto-auth.ts         // 授权免登
                ├── layouts                   // 布局
                |    ├── layout.tsx           // 主框架
                |    └── index.tsx            // 全局入口
                ├── page                      // 页面
                └── services
                      └── http.ts             // http 服务

常用终端命令

# 全局安装 pnpm
$ npm i -g pnpm
# 项目初始化
$ pnpm i
# 强制重新安装依赖
$ pnpm i --force
# 添加 root 依赖
$ pnpm add typescript -w [-D]
# 添加 package 依赖
$ pnpm add typescript -r --filter @foundbyte/town-revitalize-pc [-D]
# 发包（根目录）
$ pnpm -r publish [packages下的目录名] [--tag alpha/beta/next] [--access public]

启动项目

$ cd packages/town-revitalize-pc
$ pnpm start

umi 文档

文档链接: https://umijs.org/docs/guides/getting-started

初始化

packages/town-revitalize-pc/src/config/app.ts

向 @foundbyte/town-revitalize 注入配置信息，以便组件包调用

import { setTownRevitalizeConfig } from '@foundbyte/town-revitalize';

/** init widget config */
const TownRevitalizeConfig = {
  appKey: APP_CONFIG.appKey,
  endpoint: APP_CONFIG.endpointCode,
  prefixs: CONFIG.prefixs,
};
setTownRevitalizeConfig(TownRevitalizeConfig);

storage

import { storage, EStorage } from '@foundbyte/town-revitalize';

http

服务

packages/town-revitalize-pc/src/requests

拦截器

packages/town-revitalize-pc/src/services/http.ts

import http from '@/services/http';

全局样式变量

packages/town-revitalize/src/global.less

@import (reference) '~@foundbyte/town-revitalize/global.less';
.btn {
  background: @tr-primary-color;
}

自动授权

packages/town-revitalize-pc/src/config/socket.ts

import { APP_CONFIG } from './app';

const { sso } = APP_CONFIG;

export const SOCKET_CONFIG = {
  url: sso?.websoket,
  /** 是否开启调试按钮 */
  test: false,
};