ionic 项目 随笔

1，首先 会进入src/index.html，

<!-- The polyfills js is generated during the build process -->
<script src="build/polyfills.js"></script>

<!-- The bundle js is generated during the build process -->
<script src="build/main.js"></script>

下面这个main.js  :build/main.js is a concatenated file containing Ionic, Angularand your app’s JavaScript

2,src/app/app.module.ts  is the entry point for our app  下面是各个字段的意义：

interface NgModule {
　　// providers:数组选项,列出了这个模块的一些需要共用的服务，
　　// 可以在这个模块的各个组件中通过依赖注入使用了.
    providers : Provider[]
    // declarations:数组选项, 用来声明属于这个模块的指令,管道等等.
    // 然后就可以在这个模块中使用它们了.
    declarations : Array<Type<any>|any[]>
    // imports:数组类型的选项,我们的模块需要依赖的一些其他的模块,这样做的目的使我们这个模块
    //          可以直接使用别的模块提供的一些指令,组件等等.
    imports : Array<Type<any>|ModuleWithProviders|any[]>
    // exports:数组类型的选项,我们这个模块需要导出的一些组件,指令,模块等;
    //          如果别的模块导入了我们这个模块,
    //          那么别的模块就可以直接使用我们在这里导出的组件,指令模块等.
    exports : Array<Type<any>|any[]>
    // entryComponents: 数组类型的选项,指定一系列的组件,这些组件将会在这个模块定义的时候进行编译
　　//                    Angular会为每一个组件创建一个ComponentFactory然后把它存储
　　//                    在ComponentFactoryResolver
    entryComponents : Array<Type<any>|any[]>
　　// bootstrap: 数组类型选项, 指定了这个模块启动的时候应该启动的组件.当然这些
　　//             组件会被自动的加入到entryComponents中去
    bootstrap : Array<Type<any>|any[]>
    // schemas: 不属于Angular的组件或者指令的元素或者属性都需要在这里进行声明.
    schemas : Array<SchemaMetadata|any[]>
　　// id: 字符串类型的选项,模块的隐藏ID,它可以是一个名字或者一个路径;
　　//     用来在getModuleFactory区别模块,如果这个属性是undefined
   //     那么这个模块将不会被注册.
    id : string
}

NgModule参考文档: https://angular.cn/guide/architecture

3,