@50yzone/repair

简易使用指南

前置环境

1. nvm
2. node 14+ （安装方式：nvm install 14.4.0)
3. nrm （安装方式：npm i nrm -g)
4. http-server （安装方式：npm i http-server -g)

开发使用步骤

1. 拉取代码
2. npm i
3. nvm use 14.4.0 (Node14+)
4. npm start 启动静态资源服务，用于部署供本地调试静态资源

开发

1. npm run test

其他环境参考package.json里的scripts

编译发布

1. npm run build:t

放到【code/frontend-source/webapps/staticresources/h5-staticresources/repair】下

常见开发问题

修改图片配置

1. 环境变量 taro-template/config/sdp/development.js

assetsUrl: 'http://127.0.0.1:10000/src/assets',

1. 样式变量

$assetsUrl: 'http://127.0.0.1:10000/src/assets';

1. 修改完需要重新执行 npm run xxx

图片到使用问题

1. js 代码里使用例子：

const { assetsUrl } = SDP_ENV_CONFIG

<AtAvatar
           size='large'
           className='avatar'
           shape='circle'
           src={avatarUrl || `${assetsUrl}/images/default-avatar.png`}
         />

1. scss 代码里使用例子

.content-container {
  padding: 360px 57px 0;
  background-image: url('#{$assetsUrl}/images/partner/join-partner-head.png');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 636px 221px;
}

部署时

1. npm run build:{对应环境}

详细文档