react腳手架的build如何運行

轉載:https://www.cnblogs.com/greenteaone/p/10083129.html

  "scripts": {
    "start": "node scripts/start.js",
    "build": "node scripts/build.js",
    "test": "node scripts/test.js"
  },

腳手架create-react-app創建的react項目,已經集成了webpack,只要運行命令:
npm run build 項目就會編譯成功,生成一個build文件夾,現在問題來了,如何啓動這個項目呢。

我們看到命令執行完了,會給一個操作提示如下圖:
在這裏插入圖片描述

首先提醒我們要在package.json裏面加上主頁,接着就是全局安裝serve:npm install -g serve

serve安裝成功了以後,運行serve -s build 項目就啓動起來了,它的固定端口是5000;那麼我們想改動端口怎麼辦呢?運行下面的命令就可以用指定的端口啓動項目了:

serve -l 2000 -s build //從2000端口啓動項目

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章