在Local端预览Angular建置的结果

我们可以使用Angular CLI的命令ng build --prod来建置Angular App。

完成之后,在专案内会多一个dist资料夹,放的就是建置之后的档案,再将该资料夹内容整个部署至server,Angular App就可以正式运作了。
http://img2.58codes.com/2024/20112573ojxkOhw85S.jpg

那是否能先在local端测试build之后的结果,再部署至server端呢?

答案是可以,使用lite-server这套工具。

执行步骤

执行npm install -g lite-server安装lite-server。
http://img2.58codes.com/2024/20112573ZMFc73wZ5T.jpg

安装完成之后,进入dist资料夹中,再进入AngularApp(专案名称,因人而异)资料夹,输入lite-server命令,就可以在local端预览结果了。
http://img2.58codes.com/2024/20112573OuTJwo4BJl.png

在浏览器显示结果
http://img2.58codes.com/2024/201125735HaiJ5Fzwy.png
预设的port是3000。


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章