溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
安裝yeoman(腳手架工具)
npm install -g yo
npm install -g generator-react-webpack
2.創(chuàng)建項目并進入項目根文件夾
運行一下命令：yo react-webpack
3.啟動服務
npm start/npm run serve/npm run dev
關于generator-react-webpack2.0版，目錄結構大變樣，已經(jīng)是只需要webpack就能啟動項目，我理了一下其目錄。
|____.babelrc ES6配置文件 |____.editorconfig EditorConfig插件配置文件，用于統(tǒng)一編碼風格。 |____.eslintrc ESLint配置文件 |____.gitignore 需要git同步時忽略文件夾的配置文件 |____.yo-rc.json 未知 |____cfg 這里存放webpack配置 | |____base.js webpack基礎配置 | |____defaults.js webpack一些其他的默認配置 | |____dev.js 測試環(huán)境的webpack配置，啟動npm run start的時候會使用這份webpack設置。 | |____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 重要！包結構配置文件，并且存放了啟動腳本，npm script |____server.js node服務器，用于本地啟動這個項目，正是這個腳本啟動了webpack編譯。 |____src 源代碼目錄 |____test 單元測試目錄 |____webpack.config.js 重要，webpack配置文件入口
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
