react-webpack-創(chuàng)新互聯(lián)

1. 安裝yeoman(腳手架工具)

   

   成都創(chuàng)新互聯(lián)公司專注于烏蘭察布企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),商城網(wǎng)站建設(shè)。烏蘭察布網(wǎng)站建設(shè)公司,為烏蘭察布等地區(qū)提供建站服務(wù)。全流程定制制作，專業(yè)設(shè)計，全程項目跟蹤，成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

   npm install -g yo

   npm install -g generator-react-webpack

2.創(chuàng)建項目并進(jìn)入項目根文件夾

  運行一下命令：yo react-webpack

3.啟動服務(wù)

   npm start/npm run serve/npm run dev

關(guān)于generator-react-webpack2.0版，目錄結(jié)構(gòu)大變樣，已經(jīng)是只需要webpack就能啟動項目，我理了一下其目錄。

|____.babelrc ES6配置文件
|____.editorconfig  EditorConfig插件配置文件，用于統(tǒng)一編碼風(fēng)格。
|____.eslintrc  ESLint配置文件
|____.gitignore  需要git同步時忽略文件夾的配置文件
|____.yo-rc.json 未知
|____cfg  這里存放webpack配置
| |____base.js   webpack基礎(chǔ)配置
| |____defaults.js  webpack一些其他的默認(rèn)配置
| |____dev.js   測試環(huán)境的webpack配置，啟動npm run start的時候會使用這份webpack設(shè)置。
| |____dist.js  線上環(huán)境的webpack配置，啟動npm run dist的時候會使用。
| |____test.js  做單元測試的時候使用，npm run test
|____dist  webpack輸出目錄
| |____README.md
| |____static
| | |____favicon.ico
| | |____README.md
|____karma.conf.js  單元測試配置文件
|____npm-debug.log  日志文件
|____package.json  重要！包結(jié)構(gòu)配置文件，并且存放了啟動腳本，npm script
|____server.js node服務(wù)器，用于本地啟動這個項目，正是這個腳本啟動了webpack編譯。
|____src 源代碼目錄
|____test  單元測試目錄
|____webpack.config.js  重要，webpack配置文件入口

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機(jī)房獨有T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(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è)計、網(wǎng)頁設(shè)計公司、手機(jī)網(wǎng)站建設(shè)

廣告

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