您好,登錄后才能下訂單哦!
安裝yeoman(腳手架工具)
npm install -g yo
npm install -g generator-react-webpack
2.創建項目并進入項目根文件夾
運行一下命令:yo react-webpack
3.啟動服務
npm start/npm run serve/npm run dev
關于generator-react-webpack2.0版,目錄結構大變樣,已經是只需要webpack就能啟動項目,我理了一下其目錄。
|____.babelrc ES6配置文件 |____.editorconfig EditorConfig插件配置文件,用于統一編碼風格。 |____.eslintrc ESLint配置文件 |____.gitignore 需要git同步時忽略文件夾的配置文件 |____.yo-rc.json 未知 |____cfg 這里存放webpack配置 | |____base.js webpack基礎配置 | |____defaults.js webpack一些其他的默認配置 | |____dev.js 測試環境的webpack配置,啟動npm run start的時候會使用這份webpack設置。 | |____dist.js 線上環境的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配置文件入口
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。