這篇文章主要介紹“react ve怎么使用”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“react ve怎么使用”文章能幫助大家解決問(wèn)題。

10年積累的成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有浦東免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

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

react-ve

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

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

• 代碼丑化壓縮

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

• 使用 DLL 將公用依賴庫(kù)模塊封裝為一個(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即可訪問(wèn)

項(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ù)喜好來(lái)install或uninstall它們。

建議：

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

DLL ：

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

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

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

關(guān)于“react ve怎么使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

網(wǎng)站欄目：reactve怎么使用
文章鏈接：http://aaarwkj.com/article12/jjhcgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)