Encountered an interesting issue while trying to integrate the 'webpack-notifier' plugin into a new Angular 7 application. The goal was to have balloon notifications for build failures when running 'ng build --watch' in the console.
TL;DR;
When using 'ng build --watch', the array of errors for the webpack 'done' compiler hook may be empty even if the build fails. Is there a workaround to display the errors array for broken build notifications?
Here are the details:
Initially, I created a new Angular project with 'ng new my-app'
Then added a custom webpack config following instructions from 'ngx-build-plus' on GitHub
Next, included the 'webpack-notifier' source and used it in webpack.partial.js as shown below:
module.exports = {
plugins: [
new WebpackNotifierPlugin()
]
}
Tested it with 'ng build --watch --extra-webpack-config webpack.partial.js'
After making intentional breaking changes to the app.component.ts file, saw error in console but no popup notification. Troubleshooting revealed that the 'stats.compilation.errors' array could be empty despite errors being present.
The WebpackNotifierPlugin utilizes webpack compiler hooks which expect certain data formats. Debugging showed inconsistencies between the expected error array and actual errors displayed in the console.
Need help identifying the root cause of this behavior and potential workarounds. Any insights would be appreciated!