react ve是一個(gè)可以快速搭建react開發(fā)環(huán)境的腳手架，其使用方法是：1、通過“npm install react-ve -g react-ve init [projectName]”安裝“react-ve”；2、通過“npm run dll npm start”啟動(dòng)項(xiàng)目即可。

本教程操作環(huán)境：Windows10系統(tǒng)、react-ve 0.1.12版、Dell G3電腦。

react ve是什么意思？

react-ve

一個(gè)讓你快速搭建react開發(fā)環(huán)境的腳手架

優(yōu)化項(xiàng)

• 代碼丑化壓縮

• 代碼分割(code-splitting) 模板使用基于路由的動(dòng)態(tài)導(dǎo)入

• 使用 DLL 將公用依賴庫模塊封裝為一個(gè)獨(dú)立文件

安裝及使用

npm install react-ve -g react-ve init [projectName]

啟動(dòng)項(xiàng)目

cd [projectName] yarn 或 npm install npm run dll npm start

在瀏覽器地址欄中輸入：localhost:3000即可訪問

項(xiàng)目打包，運(yùn)行npm run build即可，項(xiàng)目將打包至dist文件夾內(nèi)

默認(rèn)使用技術(shù)棧：

react typescript antd styled-components react-router-dom immutable

你可以根據(jù)喜好來install或uninstall它們。

建議：

項(xiàng)目公共樣式（包括antd、框架、裝飾頁）使用less，頁面級(jí)樣式采 用styled-components，以防止樣式污染。

DLL ：

在webpack.dll.config.babel.js中，默認(rèn)打包的公共包包括：

entry: {     vendor: ['react', 'react-dom', 'antd', 'react-router-dom', 'immutable']   }

你可以根據(jù)自己的喜好做刪減。

推薦學(xué)習(xí)：《react視頻教程》