温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

react ve怎么使用

发布时间:2022-12-30 13:51:19 来源:亿速云 阅读:154 作者:iii 栏目:web开发

这篇文章主要介绍“react ve怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“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开发环境的脚手架

优化项

  • 代码丑化压缩

  • 代码分割(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怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI