Angular应用的部署方式

简介: Angular应用的部署方式
+关注继续查看

Angular 在线编辑器StackBlitz里点击download按钮,将开发好的整个Angular项目下载到本地:image.png

在命令行里执行ng new <项目名称>,生成一个项目的框架,我取名OnlineTest:image.png

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

image.png

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

最后的测试效果:image.png

相关文章
|
1天前
|
网络架构
如何处理 Angular 单页面应用里的 a 标签,避免点击后重新加载整个应用
如何处理 Angular 单页面应用里的 a 标签,避免点击后重新加载整个应用
14 0
|
1天前
|
SEO
Angular SSR 应用的 SEO 实现一个例子 - meta 和 title 元素的赋值
Angular SSR 应用的 SEO 实现一个例子 - meta 和 title 元素的赋值
12 0
|
1天前
|
存储 缓存 JavaScript
基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构
基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构
26 0
基于 Angular 的企业级 Web 应用服务器端渲染的推荐建构
|
2天前
|
Web App开发 缓存 安全
Angular 应用要启用 Service Worker 所需满足的一些前提条件
Angular 应用要启用 Service Worker 所需满足的一些前提条件
28 2
|
2天前
|
缓存 JavaScript 前端开发
关于 Angular PWA 应用中的 ngsw.json 文件
关于 Angular PWA 应用中的 ngsw.json 文件
27 1
|
2天前
|
缓存 监控 API
Angular Universal 应用避免 SSR hang 的一些指导方针
Angular Universal 应用避免 SSR hang 的一些指导方针
22 0
|
2天前
|
搜索推荐 API 网络架构
关于 Angular Universal 应用执行时需要 Browser API 的问题
关于 Angular Universal 应用执行时需要 Browser API 的问题
23 0
关于 Angular Universal 应用执行时需要 Browser API 的问题
|
2天前
关于 Angular 应用的入口
关于 Angular 应用的入口
23 0
|
2天前
|
存储 缓存 JavaScript
Angular 应用里 index.html 的作用
Angular 应用里 index.html 的作用
18 0
|
3天前
|
前端开发 JavaScript vr&ar
一款开源的 Angular Storefront 应用介绍,代号 Spartacus 诞生的历史背景
一款开源的 Angular Storefront 应用介绍,代号 Spartacus 诞生的历史背景
30 1
推荐文章
更多