Use a Blink1 device to visually communicate webpack build status.

• During compilation (build or when the watcher picks up a change), the Blink1 will breathe purple.
• Once compliation is done, the Blink1 will turn red (error) or green (success).
• You may optionally configure that warnings be shown (see constructor)

Angular usage

Install @angular-builders/custom-webpack and modify your angular.json to specify your preferred extra-webpack.config format (js or ts).

Webpack config

Javascript

const WebpackBlink1StatusPlugin = require('webpack-blink1-status-plugin');

module.exports = {
	plugins: [
		new WebpackBlink1StatusPlugin()
	]
};

Typescript

import * as webpack from 'webpack';
import { WebpackBlink1StatusPlugin } from 'webpack-blink1-status-plugin';

const config: webpack.Configuration = {
	plugins: [
		// @ts-ignore type mismatch? https://github.com/webpack-contrib/copy-webpack-plugin/issues/599
		new WebpackBlink1StatusPlugin()
	]
};

export default config;

TODOs

Write tests https://blog.iansinnott.com/testing-webpack-plugins/