react ve是什麼意思

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 -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影片教學》

以上是react ve是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！