React項目的打包


1.create-react-app 

來自Facebook官方的零配置命令行工具。create-react-app是來自於Facebook出品的零配置命令行工具,能夠幫你自動創建基於Webpack+ES6的最簡易的React項目模板,有助於初學者快速上手實踐。安裝create-react-app的方式也非常簡單,可以直接使用 npm 命令進行全局安裝。


npm install -g create-react-app   //全局安裝create-react-app
create-react-app my-app   //創建一個my-app 文件夾
cd my-app/    //轉到 my-app文件夾
npm start    //運行

2.打包編譯

執行完上述命令,打開本地瀏覽器,輸入localhost:3000,就能看到項目的運行效果。此時是開發模式。

若使用npm run build,代碼會被編譯到build目錄。將整個應用打包發布,自動試用webpack進行壓縮與優化。

在項目路徑下,敲npm run build,就出現了build文件夾,同時終端顯示一些文字:大致意思是:已經編譯好啦。build生成的這些東西要放在服務器root下

3.充當靜態的服務器,在本地也能瀏覽

敲:npm install -g serve,在敲serve -s build,就可以了。

就可以在本地地址:http://localhost:5000瀏覽了 。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM