本教程操作环境：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是什么意思的详细内容，更多请关注php中文网其它相关文章！