1.1.0 • Published 3 years ago
web-material-page v1.1.0
创建通用列表页面的脚手架
一键式生成前端页面
支持数据请求
支持node端内容写入
支持自定义文件模板(后期)
支持文件自动写入定义路径
用法
1.项目根目录安装依赖
npm install web-material-page -D
1.项目根目录配置文件 template.config.js
module.exports = function(pageName) {
return [{
"base": "/client/src/apps/present",
"alias": "present",
"apiSrc": "api",
"filesConfig": [{
"fileBaseModule": "pages",
"fileDirName": "index.js",
"contentSrc": "pages"
}, {
"fileBaseModule": "pages",
"fileDirName": "EditModal/index.js",
"contentSrc": "pages/EditModal"
}, {
"fileBaseModule": "pages",
"fileDirName": "SearchForm/index.js",
"contentSrc": "pages/SearchForm"
}, {
"fileBaseModule": "pages",
"fileDirName": "TableList/index.js",
"contentSrc": "pages/TableList"
}, {
"fileBaseModule": "models",
"fileDirName": "index.js",
"contentSrc": "models"
}, {
"fileBaseModule": "services",
"fileDirName": "index.js",
"contentSrc": "services"
}, {
"fileBaseModule": "router",
"fileDirName": 'index.js',
"contentSrc": "router"
}]
}, {
"base": "server/src",
"filesConfig": [{
"fileBaseModule": "/actions/api",
"fileDirName": `get${pageName}Data.ts`,
"contentSrc": "actions"
}, {
"type": 'noCustomDir',
"fileBaseModule": "apis",
"fileDirName": `${pageName}.ts`,
"contentSrc": "apis"
}]
}]
}
命令
cm create <pageName>
- alias 为内部别名的替换,不同项目别名的替换
- apiSrc 为内部 api 的前缀路径
- base 为每个项目创建文件的根目录路径
- filesConfig 为 base 根目录下,创建那些文件
1.1.0
3 years ago