本教程操作環境: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中文網其它相關文章!
關鍵詞: React