js 日志框架—— si-log学习笔记

问题描述

工作中很少在JavaScript中写log日志，但是后台JAVA日志是很重要的一部分，是方便在运维发现问题，解决问题，那么前端是否有这方面的需要呢？带着这个疑问，我想找找类似的框架，方便后面工作中学习使用

javascript 日志框架

1. log4js
2. log4javascript
3. si-log

文章参考

1. si-log github

安装

cnpm install si-log -D

vue.config.js 在全局中引用

{
	...
	configureWebpack: {
		plugins: [
		  new webpack.ProvidePlugin({
			$: "jquery",
			jQuery: "jquery",
			"windows.jQuery": "jquery",
			"windows.siLog": "si-log",
			"siLog": "si-log"
		  })
		]
	}
	...
}

使用 webpack.ProvidePlugin 将jquery 和 si-log 引入到全局

定义打印级别

import Vue from 'vue'
import App from './App.vue'

// 设置日志级别是 error，即error前面的级别，不会被显示
siLog.config({
  level: ['error']
});  

siLog.info("huangbioa info");  // 控制台不会显示
siLog.error("huangbioa error"); // 控制台会显示
new Vue({
  render: h => h(App),
}).$mount('#app')

日志级别 ： debug < info < warn < error

配置说明

siLog.config({
  level: true
}); // output all level
siLog.config({
  level: false
}); // No output
siLog.config({
  level: ['error']
});  // only output error level
siLog.config({
  level: ['error', 'warn']
});  // only output error or warn