react ve
react ve是一个可以快速搭建react开发环境的脚手架,其使用方法是:1、通过“npm install react-ve -g react-ve init [projectName]”安装“react-ve”;2、通过“npm run dll npm start”启动项目即可。
react ve是什么意思?
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']
}
你可以根据自己的喜好做删减。
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tangbhggj
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13