ucf-web 微前端框架是工具与最佳实践融合,下面分两部分进行说明。

ucf-web 中开发工具集

ucf-web 中的 ucf-scripts 工具默认基于 webpack 4.x 进行封装,并默认集成了以下工具集:

  • webpack & webpack-dev-server
  • webpack loader & plugin
    • http-proxy-middleware
    • css-loader\less-loader\babel-loader
  • babel v7
  • postcss相关插件(autoprefix、cssnano等)
  • less
  • ES5/6/7 语法支持

ucf-web 中默认技术选型与最佳实践

ucf-web 中的微应用默认都在ucf-apps目录下,不同微应用开发遵循同一套技术栈

  • 选择基于 React.js 作为底层渲染引擎
  • 选择基于ES6+新语法特性
  • 异步操作统一采用 async/await 方式
  • 选择基于mirrorx作为应用状态解决方案,在redux、react-redux、react-router的基础上进行了简化封装
  • 选择基于tinper-bee作为基础UI组件库