"웹팩 기본편 - 자주 사용하는 플러그인" 강의내용중 질문이 있습니다.

안녕하세요

웹팩을 webpack.base.babel.js로 따로 관리하는데

2가지 질문이 있습니다.

1. ESLInt: TypeError: filepath.toLowerCase is not a fuction 에러

new webpack.BannerPlugin({
  banner: `
    Build Date: ${new Date().toLocaleString()}
    Commit Version: ${childProcess.execSync('git rev-parse --short HEAD')}
    Author: ${childProcess.execSync('git config user.name')}
  `,
}),

을 추가하니, ESLInt: TypeError: filepath.toLowerCase is not a fuction에러가 잡히는데 혹시 어떻게 처리해야하는지 그리고 무엇때문에 lint에 걸리는지 궁금합니다

2.  깃 명령 내용을 홈화면에서 노출시키고 싶은데 어떻게해야하나요?

`
  Build Date: ${new Date().toLocaleString()}
  Commit Version: ${childProcess.execSync('git rev-parse --short HEAD')}
  Author: ${childProcess.execSync('git config user.name')}
`

이 내용을 홈화면에 노출하고싶은데 혹시 보통 어떻게 처리하시는지 궁금합니다(js파일에서

const childProcess = require('child_process');

이렇게 가져오면 child_prcoesschild_process is not defined 에러가 나고 서치한 방법으로는 제대로 해결한걸 못찾아서 질문드립니다)

new webpack.DefinePlugin({
  'process.env': {
    ...

  },
  'process.information': {
    COMMIT_HASH: JSON.stringify(commitHash)
  }
}),