脚本宝典收集整理的这篇文章主要介绍了一个经过优化的react脚手架,拿来就能开发,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
react-ve
拿来即用的 react 脚手架
没有使用create-react-app
,直接走webpack显性配置,使配置透明。
脚手架是我根据大多数公司的业务,取其共同需求搭建的,并且做了项目优化,不管小项目还是大项目都可以很好的支撑。
一点建议
- 建议使用
tyPEscript
开发
- 在数据控制方面,推荐你使用ImmutableJs来控制数据,因为它和
react
真的是绝配
- 页面经常会存在用户操作时出现的组件,比如通过点击出现弹框,如果弹框内容过大,推荐你使用async-loadable,它能很方便的获取按需加载的组件。
- 在样式方面,建议公用的样式使用
less
直接引用在入口文件中,页面级样式使用styled-components
优化
安装及使用
启动项目
cd [projectName]
-
yarn
或 npm install
npm run dll
npm start
在浏览器地址栏中输入:localhost:3000
即可访问
项目打包,运行npm run build
即可,项目将打包至dist
文件夹内
默认使用技术栈:
react
typescript
antd
styled-components
react-router-dom
immutable
你可以根据喜好来install
或uninstall
它们。
建议:
项目公共样式(包括antd
、框架、装饰页)使用less
,页面级样式采@H_512_125@用styled-components
,以防止样式污染。
DLL :
在webpack.dll.@R_406_1058@.babel.js
中,默认打包的公共包包括:
entry: {
vendor: ['react', 'react-dom', 'antd', 'react-router-dom', 'immutable']
}
你可以根据自己的喜好做删减
以上是脚本宝典为你收集整理的一个经过优化的react脚手架,拿来就能开发全部内容,希望文章能够帮你解决一个经过优化的react脚手架,拿来就能开发所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。