您好,登錄后才能下訂單哦!
這篇文章主要介紹“react ve怎么使用”的相關知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“react ve怎么使用”文章能幫助大家解決問題。
react ve是一個可以快速搭建react開發環境的腳手架,其使用方法是:1、通過“npm install react-ve -g react-ve init [projectName]”安裝“react-ve”;2、通過“npm run dll npm start”啟動項目即可。
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 ve怎么使用”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識,可以關注億速云行業資訊頻道,小編每天都會為大家更新不同的知識點。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。