问题描述
工作中很少在JavaScript中写log日志,但是后台JAVA日志是很重要的一部分,是方便在运维发现问题,解决问题,那么前端是否有这方面的需要呢?带着这个疑问,我想找找类似的框架,方便后面工作中学习使用
javascript 日志框架
- log4js
- log4javascript
- si-log
文章参考
安装
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