webpack --watch에서만 첫 번째 오류가 표시됩니다.

Question

--watch 옵션을 사용하여 webpack에서 프로젝트를 컴파일 할 때 프로젝트에 less 컴파일러에 오류가 있으면 해당 오류가 출력됩니다. 일단 오류 webpack을 다시 컴파일하면 모두 정상입니다.

그러나 파일에 여러 개의 오류가 있고 그 중 하나만 수정하는 경우 webpack 코드를 다시 컴파일하면 실제로 콘솔이 전혀 업데이트되지 않는 새로운 오류 메시지가 표시되지 않습니다. 예를 들어

:

1. less 파일이 오류를 가지고 파일을 파일을 컴파일
2. webpack --watch 시도를 저장하고 내가 첫 번째 오류를 수정하고
을 저장 첫 번째 오류
3. 을 보여주는 실패
4. webpack은 두 번째 오류를 표시합니다.

webpack에 두 번째 오류가 발생한 후에 업데이트 된 빌드의 오류를 표시하려면 어떻게해야합니까?

Answer 1

는이 옵션이 webpack cli에서 사용할 수 없습니다하지만 당신은 쉽게 빌드 이벤트 및 출력 오류, 즉 수신 할 수있는 플러그인을 만들 수 있습니다 나타납니다

const ConsoleNotifierPlugin = function() {} 

ConsoleNotifierPlugin.prototype.compilationDone = (stats) => { 
    const log = (error) => { 
    console.log(error.error.toString()) 
    } 
    stats.compilation.errors.forEach(log) 
} 

ConsoleNotifierPlugin.prototype.apply = function (compiler) { 
    compiler.plugin('done', this.compilationDone.bind(this)) 
} 

그럼 그냥 플러그인에 추가 :

를

... 
plugins: [new ConsoleNotifierPlugin()] 
...