[webpack] Webpack : 무음 출력

Program / 글쓴이

webpack에 “중요한 정보”만 터미널에 기록하도록하는 구성 옵션이 있는지 알고 싶습니다. 이 모든 것이 아니라 오류와 경고에 불과합니다.

웹팩이있는 터미널 출력

너무 많은 출력이 있습니다! 일반적인 것들을 억제하고 webpack 만 경고 / 오류를 출력하도록하고 싶습니다. 대한 솔루션을 하시겠습니까 webpack, webpack-dev-server하고 karma-webpack.

참고 : 나는 시도 noInfo: true하고 quiet: true있지만 트릭을 할 것 같지 않았다.

편집 : 이것이 가능하지 않을 수 있다고 생각하므로 github에서 문제를 만들었습니다 : https://github.com/webpack/webpack/issues/1191

답변

내 웹팩 구성에서 이렇게하면 증분 빌드 시간이 8 초 단축되고 출력이 음소거됩니다. 주요한 것은chunks: false

필요에 맞게 플레이하세요

module.exports = {
 devServer: {
  stats: {
    colors: true,
    hash: false,
    version: false,
    timings: false,
    assets: false,
    chunks: false,
    modules: false,
    reasons: false,
    children: false,
    source: false,
    errors: false,
    errorDetails: false,
    warnings: false,
    publicPath: false
  }
 }
}

답변

👋 모든 것이 필요하지 않습니다. 필요한 것은

사실,이 두 가지는 훌륭하게 작동합니다.

stats: 'errors-only',

내 보낸 개체의 끝에.

stats: 'minimal',오류나 새 컴파일이 발생할 때만 출력을 사용할 수도 있습니다 . Webpack 의 공식 문서 에서 더 많은 것을 읽으십시오 .

답변

이 기능이 언제 추가되었는지는 모르겠지만 문서 에서 webpackMiddleware속성을 추가 할 수 있고 noInfo: true. 이렇게하면 모든 소음이 제거됩니다! 그러나 오류가있는 경우에도 여전히 출력이 표시됩니다. 예이!

답변

--display표시하려는 정보 양의 수준을 선택할 수 있는 옵션이 있습니다.

에서 webpack --help:

--display: Select display preset
[string] [choices: "", "verbose", "detailed", "normal", "minimal", "errors-only", "none"]

당신이 정보를 더 정확하게 표시 구성 할 경우, 당신은 또한 귀하의 웹팩 구성 할 수 있습니다 통계 귀하의 필드를 webpack.config.js.

답변

를 사용하는 경우 두 번째 매개 변수로 개체 webpack-dev-middleware에을 던질 수 있습니다 noInfo: true. 또한 노드 / 익스프레스 서버도 실행 중이라고 가정합니다.

여기에 이미지 설명 입력

건배.

답변

웹팩

  ...
  stats: {
    modules: false,
  },
  ...

개발 서버

  ...
  devServer: {
    stats: {
      modules: false,
    },
  },
  ...

참고

https://webpack.js.org/configuration/stats/

답변

아래의 통계 구성을 권장합니다. 이렇게하면 중요한 로그가 유지되고 쓸모없는 정보가 제거됩니다.

stats: {
  cached: false,
  cachedAssets: false,
  chunks: false,
  chunkModules: false,
  chunkOrigins: false,
  modules: false
}