megatron-front v1.6.22

Megatron-Front

新塔伊丝项目前台。作为主站 PC、主站 M、多国家站 PC、多国家站 M 前台页面使用。也支持兰亭主站和M站集成。

关键点

• Megatron-front 的设计初衷为：可以为任何一个项目提供活动专题页面。支持快速集成。
• 不跟具体平台绑定，只对外提供必要的页面级组件接口。

• 本身为 npm 包，需要独立安装，手动集成.

技术栈

• react
• mobx
• typescript

包引用

• PC/M 手动新增依赖

$ cd blazer-web
$ nrm use ez // 切换到内网npm
$ yarn add megatron-front

• 项目里新增页面路由。将megatron-front作为第三方包导入。

import { MegatronFrontBlazerMobile } from "megatron-front";

class YOU_PAGE_COMPONENT extents React.PureComponent {
    render() {
        return <MegatronFrontBlazerMobile {...} />
    }
}

Megatron-front 包开发

包文件开发（维护）有两种方式，二选一即可：

• webpack-dev-sever

$ cd megatron-front
$ yarn run dev:m
$ yarn run dev:pc

• yarn link 和 yarn unlink

$ cd <your_local_dir>/megatron-front
$ yarn link
$ yarn build
$ cd blazer-web
$ yarn link megatron-front

yarn link 会在[全局]/node_modules 下创建指向 [your_local_dir]/megatron-front 包文件的符号链接。供后面 PC/M 项目 link 使用

PC/M 目录内，yarn link megatron-front 会将项目内对 megtron-front 的引用链接到 [your_local_dir]/megatron-link

如此，只要 [your_local_dir]megatron-front 文件夹内有文件变化，会直接体现在 PC/M 的 dev-server模式内

链接： yarn link
取消链接： yarn unlink

• 完成开发后，版本发布

$ nrm use ez  
$ npm version patch // minor | major  
$ npm publish  

注意

• megatron-front 没有单独的 UAT|online 发布逻辑
• megatron-front 的UAT/ONLINE 部署跟引用的项目走。

如何给兰亭调试

• 场景1