美文网首页
main.ts 引导程序

main.ts 引导程序

作者: 柳源居士 | 来源:发表于2018-11-26 21:47 被阅读30次

应用的主入口点。
使用 JIT 编译器编译应用,并引导应用的根模块 AppModule 来运行在浏览器中。你也可以为 CLI 的 build 和 serve 命令添加 --aot 标志,来使用 AOT 编译器 而不必修改任何代码。

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule);

与应用程序启动先关的代码原则上都放到这里。

延伸学习:

  • 即时 (just-in-time, JIT) 编译
    在启动期间,Angular 的即时编译器(JIT)会在运行期间把你的 HTML 和 TypeScript 代码转换成高效的 JavaScript 代码。

当你运行 Angular 的 CLI 命令 ng build 和 ng serve 时,JIT 编译是默认选项,而且是开发期间的最佳实践。但是强烈建议你不要在生产环境下使用 JIT 模式,因为它会导致巨大的应用负担,从而拖累启动时的性能。

预 (ahead-of-time, AOT) 编译
Angular 的预先(AOT)编译器可以在编译期间把你的 HTML 代码和 TypeScript 代码转换成高效的 JavaScript 代码,这样浏览器就可以直接下载和运行它们。

使用命令行工具 ngc 来编译你的应用之后,就可以直接启动一个模块工厂,这意味着你不必再在 JavaScript 打包文件中包含 Angular 编译器。

相关文章

  • main.ts 引导程序

    应用的主入口点。使用 JIT 编译器编译应用,并引导应用的根模块 AppModule 来运行在浏览器中。你也可以为...

  • 第一个Nest.js应用

    一、起步 二、目录结构 三、程序入口 main.ts 四、根模块 app.module.ts 五、提供者 app....

  • 引导程序

    由于编辑器太难用,无法粘贴复制代码、格式不习惯。转到博客http://blog.sina.com.cn/fengb...

  • angualr 2.0以上如何在生产环境屏蔽console

    由于main.ts是angular程序的启动入门,所以我们只需要在这个文件里面判断是dev模式还是prod模式,如...

  • VueRouter路由报错

    将代码写入到main.ts

  • 磁盘的引导程序

    From:wiki 引导程序 引导程序(boot loader) 位于电脑或其他计算机应用上,是指引导操作系统的程...

  • NestJS设置Swagger

    1、下载依赖 2、在main.ts中初始化Swagger 3、应用程序运行时,打开浏览器并导航到 http://l...

  • 越狱简介

    引导程序 启动设备时,所有的设备都会有引导程序,引导 ROM 只读内存,系统相关,验证,在启动系统之前验证,如果通...

  • vue3+vite+typescript项目下,vue-devt

    在 main.ts 添加以下代码

  • Android系统启动

    init进程 启动电源,加载引导程序,引导程序启动Linux内核,Linux内核加载完成后,首先启动 init 进...

网友评论

      本文标题:main.ts 引导程序

      本文链接:https://www.haomeiwen.com/subject/qltrqqtx.html