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