安裝yeoman(腳手架工具)
npm install -g yo
npm install -g generator-react-webpack
2.創(chuàng)建項(xiàng)目并進(jìn)入項(xiàng)目根文件夾
運(yùn)行一下命令:yo react-webpack
3.啟動(dòng)服務(wù)
npm start/npm run serve/npm run dev
關(guān)于generator-react-webpack2.0版,目錄結(jié)構(gòu)大變樣,已經(jīng)是只需要webpack就能啟動(dòng)項(xiàng)目,我理了一下其目錄。
|____.babelrc ES6配置文件 |____.editorconfig EditorConfig插件配置文件,用于統(tǒng)一編碼風(fēng)格。 |____.eslintrc ESLint配置文件 |____.gitignore 需要git同步時(shí)忽略文件夾的配置文件 |____.yo-rc.json 未知 |____cfg 這里存放webpack配置 | |____base.js webpack基礎(chǔ)配置 | |____defaults.js webpack一些其他的默認(rèn)配置 | |____dev.js 測(cè)試環(huán)境的webpack配置,啟動(dòng)npm run start的時(shí)候會(huì)使用這份webpack設(shè)置。 | |____dist.js 線上環(huán)境的webpack配置,啟動(dòng)npm run dist的時(shí)候會(huì)使用。 | |____test.js 做單元測(cè)試的時(shí)候使用,npm run test |____dist webpack輸出目錄 | |____README.md | |____static | | |____favicon.ico | | |____README.md |____karma.conf.js 單元測(cè)試配置文件 |____npm-debug.log 日志文件 |____package.json 重要!包結(jié)構(gòu)配置文件,并且存放了啟動(dòng)腳本,npm script |____server.js node服務(wù)器,用于本地啟動(dòng)這個(gè)項(xiàng)目,正是這個(gè)腳本啟動(dòng)了webpack編譯。 |____src 源代碼目錄 |____test 單元測(cè)試目錄 |____webpack.config.js 重要,webpack配置文件入口
創(chuàng)新互聯(lián)www.cdcxhl.cn,專業(yè)提供香港、美國云服務(wù)器,動(dòng)態(tài)BGP最優(yōu)骨干路由自動(dòng)選擇,持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證, 機(jī)房獨(dú)有T級(jí)流量清洗系統(tǒng)配攻擊溯源,準(zhǔn)確進(jìn)行流量調(diào)度,確保服務(wù)器高可用性。佳節(jié)活動(dòng)現(xiàn)已開啟,新人活動(dòng)云服務(wù)器買多久送多久。
網(wǎng)頁名稱:react-webpack-創(chuàng)新互聯(lián)
本文網(wǎng)址:http://muchs.cn/article28/dhihcp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營銷、面包屑導(dǎo)航、自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)公司、手機(jī)網(wǎng)站建設(shè)
聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容