Angular应用的部署方式

在Angular 在线编辑器StackBlitz里点击download按钮，将开发好的整个Angular项目下载到本地：

在命令行里执行ng new <项目名称>，生成一个项目的框架，我取名OnlineTest：

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

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

最后的测试效果：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

Angular应用的部署方式相关推荐

Spring Boot 五种热部署方式，极速开发就是生产力！
欢迎关注方志朋的博客,回复"666"获面试宝典模板热部署在 Spring Boot 中,模板引擎的页面默认是开启缓存的,如果修改了页面的内容,则刷新页面是得不到修改后的页面的, ...
阿里原来是这么干的！Spring Boot 五种热部署方式
作者:若离x 来源:my.oschina.net/ruoli/blog/1590148 1.模板热部署在 Spring Boot 中,模板引擎的页面默认是开启缓存的,如果修改了页面的内容,则刷新页面 ...
极速开发之Spring Boot五种热部署方式
在 Spring Boot 中,模板引擎的页面默认是开启缓存的,如果修改了页面的内容,则刷新页面是得不到修改后的页面的,因此我们可以在application.properties中关闭模版引擎的缓存 ...
SAP Fiori应用的三种部署方式
封面图片来自Google搜索,关键字: Fiori Deployment 方式1 On premise环境下以BSP应用作为Fiori应用部署和运行的载体在SAP成都labs我曾经担任过CRM这几个 ...
jar容器部署成功无法访问_Spring Boot 应用程序五种部署方式
翻译自 Deploying Spring Boot Applications[1] 原作者 Murat Artim[2] 可以使用各种方法将 Spring Boot 应用程序部署到生产系统中.在本文中 ...
FW/IDS/IPS/WAF等安全设备部署方式及优缺点
现在市场上的主流网络安全产品可以分为以下几个大类: 1.基础防火墙FW/NGFW类主要是可实现基本包过滤策略的防火墙,这类是有硬件处理.软件处理等,其主要功能实现是限制对IP:port的访问.基本上 ...
介绍几种SSIS部署方式
目的部署的包有以下几种形式: 文件系统,包被存储在你选择的文件夹内. SSIS包存储,包被保存到SSIS服务管理的一套文件系统表中,位于-%Program Files%\Microsoft SQL ...
到底应该选择哪种Linux.NET的部署方式？
到底应该选择哪种Linux.NET的部署方式? 当前部署Linux.NET环境的方式可谓是五花八门,既有传统的源码编译的方式.又有各式各样的一键安装脚本.还有绿色包安装方式,而随着Mono官方的新站上 ...
jrebel热部署不起作用_5种SpringBoot热部署方式，你用哪种？
来源 | my.oschina.net/ruoli/blog/1590148 Spring Boot 中 5 种热部署方式如下: 1.模板热部署 2.使用调试模式Debug实现热部署 3.spr ...

Angular应用的部署方式

Angular应用的部署方式相关推荐

最新文章

热门文章