學習資源推薦

create-react-app結合nodejs啟動項目

• • 描述
  • 示例目錄結構
  • 解釋
  • 修改配置
  • 修改package.json
  • 啟動

目前背景對接的時候，我們希望将兩個分離的項目合在一起。與此同時，執行一條啟動腳本，可以同時啟動前背景兩個服務，即不同端口的兩個服務。如127.0.0.1：3000和127.0.0.1：9000

如果你仔細看，會發現，這個目錄結構和create-react-app建立的好像基本一樣，但又多了三個小東西，config,scripts,server，這三個就是整和的關鍵

• 其中，config和scripts都是拷貝自create-react-app中node_modules下的react-scripts

  

• 将腳手架中的這兩個檔案夾拷貝到項目根目錄，然後對scripts下的start.js檔案進行一些小修改
• 修改一，去除對utils的引用，有一段注釋描述的很清楚，下圖注釋部分全部删除

• 修改二 ，在下圖所示位置之後，書寫node服務代碼

• 以koa2為例

const koa = require('koa');
const app = new koa();
app.use(async (ctx) => {
ctx.body = 'hello world'
})
app.listen(9000, () => {
console.log('success on port 9000...');
})


           

• 最後一步，修改運作腳本

• npm start