项目打包之后的文件如何在本地电脑上查看

build之后终端的输出大概是这样的:


image.png

大概是告诉我们dist目录下已经生成了打包之后的文件,可以去部署了。

那么我们如何查看打包之后的文件呢,这时候可以借助http-server,http-server是基于nodejs的http服务器,可以使任意一个目录成为服务器的目录,直接运行想要的js代码。

全局安装

npm i http-server -g

然后将终端窗口切换到dist目录,运行http-server命令,注意要切换到dist目录,你也可以指定到dist目录下(默认的地址是当前命令窗口的目录地址)

http-server

http-server [path] [options]

path默认为当前终端目录地址
端口默认为 8080,当然你也可以通过-p修改端口

http-server  -p  8090

注意运行http-server命令的目录下,必须要有一个.html的文件,否则无法打开
运行成功后是这样的


image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。