🗒️

【Nuxt.js】ロガーを追加する(loglevel)

1 min read

インストール

npm install loglevel

実装

plugins/logger.js

import * as log from 'loglevel'

// 出力を許可するログのレベルを以下5段階から設定
// trace → debug → info → warn → error
if (process.env.NODE_ENV === 'development') {
  // 開発環境ならすべて出力
  log.setLevel('trace')
} else {
  // 本番環境ならinfo以降を出力
  log.setLevel('info')
}

export default (context, inject) => {
  inject('log', log)
}

nuxt.config.js

export default {
  plugins: [
    { src: '~/plugins/logger.js' }
  ]
}

使い方

this.$log.trace('ログの内容')
this.$log.debug('ログの内容')
this.$log.info('ログの内容')
this.$log.warn('ログの内容')
this.$log.error('ログの内容')

Discussion

ログインするとコメントできます