且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Angular应用的部署方式

更新时间:2022-09-09 16:43:23

Angular 在线编辑器StackBlitz里点击download按钮,将开发好的整个Angular项目下载到本地:Angular应用的部署方式

在命令行里执行ng new <项目名称>,生成一个项目的框架,我取名OnlineTest:Angular应用的部署方式

然后把从StackBlitz里下载到本地的项目解压,将里面的src文件夹覆盖到ng new命令行生成的项目文件里的同名src文件夹,然后执行命令行ng build --prod进行build,生成最后的静态资源:

Angular应用的部署方式

build好的静态资源位于文件夹dist内,如上图所示。将这些build出来的静态资源拷贝到web服务器目录下,以nodejs为例,使用如下的代码进行加载:Angular应用的部署方式

最后的测试效果:Angular应用的部署方式