基于umi的React项目结构介绍
1、umi中使用sass只需安装 @umijs/plugin-sass 安装完后无需配置,umi会自己识别。
2、首先得选择一个脚手架搭建一个React工程,React有很多脚手架,为什么选择UmiJS这个脚手架,不为什么,这个脚手架和Vue Cli比较类似,至少路由配置和Vue Router很类似。
3、元素 (Element)React 元素其实就是一个简单JavaScript对象,一个React 元素和界面上的一部分DOM对应,描述了这部分DOM的结构及渲染效果。
umi框架的使用
1、首先项目是用umi脚手架生成的,自带了dva-loading,所以依赖包都不用装。在class脑袋顶上,原来是这样 加上loading传入props this.props.loading就可以取到loading对象了。
2、在Umi3官方文档中,有一个配置项exportStatic需在配置文件(umirc.ts或config/config.ts)中设置,语法如下:Umi框架配置 html 的输出形式,默认只输出 index.html。
3、outputPath 配置 outputPath:dist/shunfeng ,打包后会生成 dist 文件下 shunfeng 文件下的其他文件 umi中使用sass只需安装 @umijs/plugin-sass 安装完后无需配置,umi会自己识别。
4、在umi中可以直接使用css,但是并不支持scss,我们需要加两个loader,直接npm安装 node-sass和sass-loader 即可,剩余的事情umi已经帮我们做好了。
从Vue2.0到React17——React开发入门
1、本专栏将按照这个思路带领你从Vue0入门React17。 首先得选择一个脚手架搭建一个React工程,React有很多脚手架,为什么选择UmiJS这个脚手架,不为什么,这个脚手架和Vue Cli比较类似,至少路由配置和Vue Router很类似。
2、里面基本上涉及到了,react入门的所有涵盖的知识,他都是自己搭的,没有使用脚手架工具。里面也涵盖了webpack的一些配置,对于新手学习蛮好的。
3、react 就是最全面的react脚手架 react native是专门写移动app的。
4、docsify 基于Vue的组件生成器,轻量好用react-styleguidist 基于React的组件库文档生成器,自动根据注释生成文档,支持Demo展示。
Reactumi+小笔记
umi中使用sass只需安装 @umijs/plugin-sass 安装完后无需配置,umi会自己识别。
现在 yarn start 或者 yarn build 就会根据环境配置来处理。还有一些细节的调整,会尽力将这个框架更加完善的。
wx.config (url 依然是进入网站的第一个页面的地址,要保存在一个变量里面),X5 浏览器, 我他妈就呵呵了。
这个是ts的问题,我在stackoverflow上提的问题如链接: 我的提问 ,本质上是使用组件范型的方式解决问题。这一点在 Hello React and TypeScript 中也提到了。