
文章目录阿里 ice.js一套 React 框架把配置都替你做完了1、 这套框架是干嘛的2、 它解决了什么问题3、 几个比较核心的特性4、 ice.js安装使用教程5、 适合哪些场景用阿里 ice.js一套 React 框架把配置都替你做完了ice.js 在 GitHub 上已经拿到 18.6K Star。阿里巴巴开源的这套基于 React 的通用框架把工程化里那些繁琐的配置都封进了默认选项里。开箱即用支持 ES6、TypeScript、Less、Sass、CSS Modules文件系统路由、状态管理、请求库也都有约定式实现。1、 这套框架是干嘛的一句话基于 React 做上层聚合让你不用再手动配 webpack、babel、路由、SSR 这些底层基建。ice.js 把阿里内部多年沉淀的工程实践固化成了框架默认行为。新建项目自动带路由、带状态管理、带请求封装、带构建优化。它走的是 React 生态里约定优于配置那条路类似的思路 Next.js 也走过。2、 它解决了什么问题写过 React 的人多半体验过这种折磨项目初始化容易但要把路由、数据请求、SSR、构建产物优化、TS 类型、样式方案一并配齐从零搭一套至少半天。ice.js 把这些事都替你做了。Zero Config 是它的卖点之一ES6、TypeScript、Less、Sass、CSS Modules 在新项目里直接可用不需要再装一堆 babel 插件或者改 webpack 配置。3、 几个比较核心的特性零配置ES6、TypeScript、各种样式方案开箱即用最佳实践文件系统路由、状态管理、请求封装等约定式实现混合渲染默认支持 SSG 构建期预渲染和 SSR 请求期渲染插件体系插件系统提供丰富特性社区可基于它构建可复用方案多端同时支持 Web、小程序、Weex 三端4、 ice.js安装使用教程用官方脚手架 create-ice 创建新项目一条命令搞定npminit ice ice-app--templateice/lite-scaffoldnpm init这种用法需要 npm 6。进入项目目录安装依赖并启动本地开发服务器cdice-appnpminstallnpmrun start默认跑在 http://localhost:3000。5、 适合哪些场景用想快速起一个 React 项目、又不想从零配工程化基建的团队中后台业务、需要约定式路由和状态管理但又不想被绑死在某个 state 库上的项目需要 SSG 或 SSR 做首屏性能优化、SEO 友好的内容型站点一套代码要同时跑在 Web、小程序、Weex 上的多端业务阿里在国内中后台场景里踩过不少坑这些经验基本都沉淀进了 ice.js 的默认行为。如果团队在选 React 工程化底座不想自己造轮子它可以作为一个候选。基本都沉淀进了 ice.js 的默认行为。如果团队在选 React 工程化底座不想自己造轮子它可以作为一个候选。