webpack-build-notifier

const path = require('path'); const WebpackBuildNotifierPlugin = require('webpack-build-notifier'); module.exports = { mode: 'development', // Or 'production' entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist'), }, plugins: [ new WebpackBuildNotifierPlugin({ title: "My Awesome Webpack Project", // Provide an absolute path to your project's logo for professional-looking notifications. logo: path.resolve(__dirname, "./public/favicon.png"), // Ensure this path is correct suppressSuccess: true, // Only notify on warnings and errors, not successful builds suppressWarning: false, // Keep warnings visible suppressError: false, // Definitely show errors // Customize sounds for different build outcomes successSound: false, // No sound for success, as we suppress it warningSound: 'Bottle', // A distinct sound for warnings failureSound: 'Basso', // A serious sound for build failures // You can also add callbacks for build events onCompileStart: (compilation) => { console.log('Webpack compilation started!'); }, onComplete: (compilation) => { if (compilation.errors.length > 0) { console.error('Build completed with errors!'); } else if (compilation.warnings.length > 0) { console.warn('Build completed with warnings!'); } else { console.log('Build completed successfully!'); } } }) ], devtool: 'eval-source-map', // Recommended for development };