推荐神器npm包(serve):如何不利用后端正式服务,看前端项目的正式运行
大多的情况下,我们在使用了vue也好,react也罢,项目要上线了,前端人员往往都会进行项目打包,执行build命令,会得到一个dist包或者build包,只需要把这个包交给后端人员,部署到正式服务器即可,但是有时候我们想先看看这个build出来包,能不能正常的运行什么的。在左侧可以看到有一个dist文件夹,这是我运行build命令后,得到的,是要交给后端人员放置到正式服务器上的包。现在就到我们刚
大多的情况下,我们在使用了vue也好,react也罢,项目要上线了,前端人员往往都会进行项目打包,执行build命令,会得到一个dist包或者build包,只需要把这个包交给后端人员,部署到正式服务器即可,但是有时候我们想先看看这个build出来包,能不能正常的运行什么的。那这个时候就可以借助于我们前端的一个npm包。
输入命令:
npm install --global serve

而后呢,找到我们build出来的包,这里我以vue的项目举例;

在左侧可以看到有一个dist文件夹,这是我运行build命令后,得到的,是要交给后端人员放置到正式服务器上的包。dist的目录如下,这个时候,我们直接在浏览器打开index.html是看不到任何东西的


现在就到我们刚才安装的serve包登场了,我们在当前dist目录下,运行cmd,输入serve,会看到如下界面

我们直接复制local到浏览器,看到如此便是成功

对于React项目也是一样,找到build的目录,运行serve即可
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)