React

修改create-react-app支持多入口

使用Facebook官方脚手架create-react-app创建React应用,默认只能生成一个SPA,入口是index.html。虽然,SPA的页面切换可以使用前台路由框架方便(比如React-Router)实现,这也是SPA的推荐做法;但某些情况下,仍要将页面切分为多个页面,或者在同一个工程开发多个SPA,比如一个是面向客户的SPA,一个是后台管理的SPA。 (For English readers at article bottom) 我搜索了一下,网上确实有不少人有类似需求:Possible to have multiple entry points? #1079,官方给出的回答是: Sorry, but Create

  • 毛帅
5 min read
React

React技术栈学习路线图

最近,项目上使用React构建前台,我突击了一下相关的知识,暂时搭建了一个简单的开发环境,总结了期间的学习资料,如下: 传统前端基础 HTML+JavaScript+CSS W3school HTML教程 W3school CSS教程 廖雪峰JavaScript基础教程 阮一峰JavaScript 标准参考教程 传统的前端模块化规范CommonJS和RequireJS Javascript模块化编程(一):模块的写法 Javascript模块化编程(二):AMD规范 Javascript模块化编程(三):require.js的用法 ​ 新规范 HTML5规范 W3school HTML5教程 ES6规范:

  • 毛帅
2 min read
React

内网环境Ant Design使用离线Icon图标资源

最近在使用React实现公司一套系统的前端。控件库,看中了蚂蚁金服的Ant Design。 脚手架使用的是React官方的create-react-app,创建完成后,引入了Ant Design。在我自己的笔记本调试的都很好,但放到公司的开发机器上,发现图标资源都无法加载。马上看了一下浏览器的资源请求情况,果然,Ant Design默认使用的是阿里的CDN。 公司是内网环境,显然是行不通的。官方文档果然给出了本地部署的提示。 研究了一番,发现主要是要覆盖@icon-url这个less变量,所以就要开启less支持。幸好官方在自定义主题一节,已经给出了create-react-app中如何实现主题less变量的覆盖;同理,在modifyVar节点增加@icon-url的覆盖,如下: modifyVars: { // 修改整体主题颜色 // "@primary-color"

  • 毛帅
1 min read