大多的情况下,我们在使用了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即可