大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要介绍“react ve怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“react ve怎么使用”文章能帮助大家解决问题。
10年积累的成都网站设计、成都做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有浦东免费网站建设让你可以放心的选择与我们合作。
react ve是一个可以快速搭建react开发环境的脚手架,其使用方法是:1、通过“npm install react-ve -g react-ve init [projectName]”安装“react-ve”;2、通过“npm run dll npm start”启动项目即可。
react-ve
一个让你快速搭建react开发环境的脚手架
优化项
代码丑化压缩
代码分割(code-splitting) 模板使用基于路由的动态导入
使用 DLL 将公用依赖库模块封装为一个独立文件
安装及使用
npm install react-ve -g
react-ve init [projectName]
启动项目
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,页面级样式采 用styled-components,以防止样式污染。
DLL :
在webpack.dll.config.babel.js中,默认打包的公共包包括:
entry: {
vendor: ['react', 'react-dom', 'antd', 'react-router-dom', 'immutable']
}
你可以根据自己的喜好做删减。
关于“react ve怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。