学习资源推荐

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