Angular2 Logger 项目教程

Angular2 Logger 项目教程

angular2-loggerA log4j inspired logger for angular 2.项目地址:https://gitcode.com/gh_mirrors/an/angular2-logger

1. 项目的目录结构及介绍

angular2-logger/
├── app/
│   ├── core/
│   │   ├── level.ts
│   │   ├── logger.ts
│   │   ├── providers.ts
│   │   └── options.ts
│   ├── services/
│   │   ├── console.logger.ts
│   │   ├── localstorage.logger.ts
│   │   └── index.ts
│   └── index.ts
├── dist/
│   ├── core/
│   │   ├── level.js
│   │   ├── logger.js
│   │   ├── providers.js
│   │   └── options.js
│   ├── services/
│   │   ├── console.logger.js
│   │   ├── localstorage.logger.js
│   │   └── index.js
│   └── index.js
├── node_modules/
├── package.json
├── tsconfig.json
├── systemjs.config.js
└── README.md

目录结构介绍

• app/: 包含项目的源代码文件。
  • core/: 核心模块，包含日志级别、日志记录器、提供者等。
  • services/: 服务模块，包含控制台日志服务和本地存储日志服务。
• dist/: 编译后的输出文件。
• node_modules/: 项目依赖的第三方模块。
• package.json: 项目的配置文件，包含依赖和脚本。
• tsconfig.json: TypeScript 编译配置文件。
• systemjs.config.js: SystemJS 配置文件。
• README.md: 项目说明文档。

2. 项目的启动文件介绍

app/index.ts

export * from './core/index';
export * from './services/index';

• 该文件导出了核心模块和服务模块，是项目的入口文件。

app/core/logger.ts

import { Injectable } from '@angular/core';
import { Level } from './level';
import { Options } from './options';
import { Providers } from './providers';

@Injectable()
export class Logger {
  // 日志记录器的实现
}

• 该文件定义了日志记录器类 Logger，是项目的核心功能实现。

3. 项目的配置文件介绍

package.json

{
  "name": "angular2-logger",
  "version": "0.5.1",
  "description": "A log4j inspired logger for Angular 2",
  "main": "dist/index.js",
  "scripts": {
    "build": "tsc -p .",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "code-chunks",
  "license": "MIT",
  "dependencies": {
    "@angular/core": "^2.0.0",
    "rxjs": "^5.0.0"
  },
  "devDependencies": {
    "typescript": "^2.0.3"
  }
}

• 该文件包含了项目的名称、版本、描述、主文件、脚本、作者、许可证和依赖等信息。

tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "outDir": "./dist"
  },
  "include": [
    "app/**/*"
  ]
}

• 该文件配置了 TypeScript 编译选项，包括目标版本、模块系统、模块解析、源映射、装饰器等。

systemjs.config.js

(function (global) {
  System.config({
    paths: {
      // 路径映射
      'npm:': 'node_modules/'
    },
    map: {
      // 模块映射
      'app': 'app

angular2-loggerA log4j inspired logger for angular 2.项目地址:https://gitcode.com/gh_mirrors/an/angular2-logger