react ve是一个可以快速搭建react开发环境的脚手架,其使用方法是:1、通过“npm install react-ve -g react-ve init [projectName]”安装“react-ve”;2、通过“npm run dll npm start”启动项目即可。
本教程操作环境:Windows10系统、react-ve 0.1.12版、Dell G3电脑。
react ve是什么意思?
react-ve
一个让你快速搭建react开发环境的脚手架
优化项
代码丑化压缩
代码分割(code-splitting) 模板使用基于路由的动态导入
使用 DLL 将公用依赖库模块封装为一个独立文件
安装及使用
npm install react-ve -greact-ve init [projectName]
登录后复制
启动项目
cd [projectName]yarn 或 npm installnpm run dllnpm start
登录后复制
在浏览器地址栏中输入:localhost:3000即可访问
项目打包,运行npm run build即可,项目将打包至dist文件夹内
默认使用技术栈:
reacttypescriptantdstyled-componentsreact-router-domimmutable
登录后复制
你可以根据喜好来install或uninstall它们。
建议:
项目公共样式(包括antd、框架、装饰页)使用less,页面级样式采 用styled-components,以防止样式污染。
DLL :
在webpack.dll.config.babel.js中,默认打包的公共包包括:
entry: { vendor: ['react', 'react-dom', 'antd', 'react-router-dom', 'immutable'] }
登录后复制
你可以根据自己的喜好做删减。
推荐学习:《react视频教程》
以上就是react ve是什么意思的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2922911.html