ir-component-ui v0.0.84

常见问题

监管组件脚手架

框架开发步骤：

• make 命令使用说明
• make install --- 安装依赖
• make new 中文名 --- 创建新组件 package. 例如 'make new button 按钮'
• make dev --- 开发模式
• make dist --- 编译项目，生成目标文件
• make deploy --- 部署 demo
• make pub --- 发布到 npm 上
• make new-lang --- 为网站添加新语言. 例如 'make new-lang fr'

开发模式（make dev）：

• 安装依赖: npm run bootstrap
• 生成文件: npm run build:file 执行build/bin/iconInit.js将packages/theme-chalk/src/icon.scss读取类名，生成到examples/icon.json中 执行build/bin/build-entry.js 获取相关组件配置列表，生成src/index.js文件，用作打包的入口文件 执行build/bin/i18n.js 根据 examples/pages/template 中的模版生成各个语言的组件展示页面 根据环境变量或者package.json中的版本生成 examples/versioins.json 版本文件
• 启用webpack开发模式: cross-env NODE_ENV=development webpack-dev-server --config build/webpack.demo.js 开发模式入口文件为 examples/entry.js ，开发模式生成的文件夹 examples/ir-business-ui保存在内存中，不可见 webpack-dev-server 自动监听所有通过loader加载的文件，并且支持热更新(配置)
• 监听模版页面是否改动: node build/bin/template.js * 监听 examples/pages/template，如果有变化 自动更新相关的组件展示页面

打包模式（make dist）

• 清空相关文件: npm run clean 删除lib、packages//lib、test/**/coverage
• 生成文件: npm run build:file 执行build/bin/iconInit.js将packages/theme-chalk/src/icon.scss读取类名，生成到examples/icon.json中 执行build/bin/build-entry.js 获取相关组件配置列表，生成src/index.js文件，用作打包的入口文件 执行build/bin/i18n.js 根据 examples/pages/template 中的模版生成各个语言的组件展示页面 根据环境变量或者package.json中的版本生成 examples/versioins.json 版本文件
• 使用eslint检查代码规范: npm run lint eslint src/**/ test//* packages// build/**/ --quiet
• 打包配置: webpack --config build/webpack.conf.js * 入口文件为src/index.js, webpack的输出模式为 umd 模式，打包文件到dist目录下 index.js
• 打包配置: webpack --config build/webpack.common.js * 入口文件为 src/index.js, webpack的输出模式为 commonjs2 模式，打包文件到dist目录下 ir-bussiness-ui.common.js
• 打包组件: webpack --config build/webpack.component.js * 入口文件数组为 packages 文件夹下所有组件的 index.js 文件
• 拷贝所有src下的除了index.js的工具类到lib文件夹下: npm run build:utils
• 将src/locale/lang中的语言打包到lib/umd中: npm run build:umd
• 打包组件主题相关样式到lib目录下: npm run build:theme 将packages下配置的所有主题样式下，补齐缺漏的组件样式问题: node build/bin/gen-cssfile 使用gulpfile执行packages/theme-chalk/gulpfile.js,将scss文件解释成css并拷贝字体文件到 packages/theme-chalk/lib目录下: gulp build --gulpfile packages/theme-chalk/gulpfile.js * 将生成的packages/theme-chalk/lib 拷贝到 lib/theme-chalk目录下: cp-cli packages/theme-chalk/lib lib/theme-chalk

删除组件需要删除的文件记录

• components.json 删除组件相关
• examples/nav.config.json 删除组件相关
• examples/docs/{组件名} 删除组件相关
• packages/{组件名} 删除组件相关
• packages/theme-chalk/src/{组件名} 删除组件相关
• test/unit/specs/{组件名} 删除组件相关
• types/{组件名} 删除组件相关
• types/ir-business-ui.d.ts 删除组件相关