2 to 13(TypeScript) 与 Angular CLI

一次性设置

• npm install -g @angular/cli
• ng new projectFolder创建一个新应用程序

捆绑步骤

• ng build（目录为 时在命令行中运行projectFolder）。

用于生产的标志prod包现在是默认的（如果需要，请参阅Angular
文档以对其进行自定义）。

• 使用Brotli 压缩使用以下命令压缩资源

for i in dist/*/*; do brotli $i; done

projectFolder/dist(/$projectFolder 默认情况下为 v6+生成捆绑包） **

输出

13.2.4 带有 CLI的 Angular13.2.4和不带 Angular 路由的选项 CSS的大小

• dist/main-[es-version].[hash].js捆绑您的应用程序 [ES5 大小：132 KB 用于新的 Angular CLI 应用程序空， 39 KB 压缩]。
• dist/polyfill-[es-version].[hash].bundle.js捆绑了 polyfill 依赖项（@angular、RxJS…）[ES5 大小：37 KB 用于新的 Angular CLI 应用程序为空， 12 KB 压缩]。
• dist/index.html应用程序的入口点。
• dist/runtime-[es-version].[hash].bundle.jswebpack 加载器
• dist/style.[hash].bundle.css样式定义
• dist/assets从 Angular CLI 资产配置中复制的资源

部署

您可以使用启动本地 HTTP 服务器的命令来 预览 您的应用程序，ng serve --prod以便可以使用
http://localhost:4200 访问带有生产文件的应用程序。 这对于生产使用是不安全的。

对于生产用途，您必须从dist您选择的 HTTP 服务器中的文件夹中部署所有文件。