5.创建项目-上线打包项目

说明:
项目核心代码都在项目文件的src中,须将src里的文件进行打包。将核心模块打包(构建成低版本的),压缩等需要通过webpack来做。现在只是通过babel将整个项目的高阶语法转换给低阶语法。
在这里插入图片描述

  1. 在项目中打开终端面板,执行命令 babel src -d dist;意思就是把src中的高阶文件,转换成低阶的,并生成一个dist文件夹。如图
    在这里插入图片描述
    此时项目中多了一个dist文件夹,内包含一个转换后的app.js文件
    在这里插入图片描述
  2. 以后上线运行的就是dist文件里的内容,如果要运行dist的内容,需要在package.json里面进行配置。打开package.json文件:先npm run build 再npm run start.就是先打包,再运行
    在这里插入图片描述
    开始启动:
    在这里插入图片描述
    线上项目已经启动,注意是先打包,再运行,先npm run build 再npm run start;
    生产环境是npm run dev.
    通过这种命令版的形式运行有一个问题就是不能关掉命令板,关掉后,就无法访问,为解决这个问题,后期会使用pm2来解决

至此,服务器已经完成启动!!!!!!!!!!!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值