1.0.29 • Published 4 years ago

yonbuilder-mdf-extend v1.0.29

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

@mdf/cube


1. 说明

梳理后@mdf/cube作为基础库,基于原有yxyweb改造,包含 yxyweb/client/commonyxyweb/common/helpers 两部分文件夹合并,解决互相依赖的问题。

2. 安装

  1. 需要安装ynpm工具,使用内网镜像源进行安装私有包@mdf/xxx
$ npm install ynpm-tool -g
  1. 内网执行ynpm install安装即可

3. 调试

使用babel监听文件改变输出lib到项目脚手架node_modules/@mdf/cube/lib下,具体脚本命令参考debug.js

  1. 首先确认自己的框架工程与项目脚手架工程在一个根目录下,这样利用路径查找
├── yonyou-mdf-framework
└── ucf-amc-front
  1. 修改debug.js调试脚本,修改常量targetPackage的值的相对路径为你的项目真实路径 debug.js本地修改不要提交
  2. 保存后执行npm run debug在控制台会看到输出日志,babel转换过程以及最终的真实绝对路径
➜  mdf-cube git:(master) ✗ npm run debug

> @mdf/cube@0.2.45 debug /Users/kvkens/code/mdd-framework/yonyou-mdf-framework/packages/mdf-cube
> node debug.js

MDF DEBUG WATCH ->  Successfully compiled 19 files with Babel.

MDF LIB TARGET  ->  /Users/kvkens/code/mdd-framework/ucf-amc-front/node_modules/@mdf/cube/lib

启动监听后,修改源码可以实时构建,并且输出到项目内,打开浏览器调试脚本即可是源文件

4. 发布

除了本地开发debug外,需要发布正式内网ynpm包,需要执行下面命令:

$ npm run lib

这样就会产出lib资源 ES5 代码

配置好ynpm发包设置,修改版本号,发布即可:

$ ynpm publish

发布后浏览镜像仓库看是否完成:https://ynpm.yonyoucloud.com/#browse/browse:ynpm-private

5. 文件结构

.
├── README.md                   # 说明文档
├── debug.js                    # 调试脚本
├── lib                         # ES5资源
│   ├── cube.js
│   ├── helpers
│   │   ├── env.js
│   │   ├── formatDate.js
│   │   ├── polyfill.js
│   │   ├── prototype.js
│   │   ├── themeUiConfig.js
│   │   └── util.js
│   └── viewmodel
│       ├── billmaker.js
│       ├── common.js
│       ├── editvoucherlist.js
│       ├── filterViewModel.js
│       ├── freeview.js
│       ├── index.js
│       ├── option.js
│       ├── platformManagementViewModel.js
│       ├── referViewModel.js
│       ├── roleViewModel.js
│       ├── voucher.js
│       └── voucherlist.js
├── package.json                # package
└── src                         # 源代码
    ├── cube.js
    ├── helpers
    │   ├── env.js
    │   ├── formatDate.js
    │   ├── polyfill.js
    │   ├── prototype.js
    │   ├── themeUiConfig.jsx
    │   └── util.js
    └── viewmodel
        ├── billmaker.js
        ├── common.js
        ├── editvoucherlist.js
        ├── filterViewModel.js
        ├── freeview.js
        ├── index.js
        ├── option.js
        ├── platformManagementViewModel.js
        ├── referViewModel.js
        ├── roleViewModel.js
        ├── voucher.js
        └── voucherlist.js

6 directories, 41 files