Clear terminal for webpack-dev-server on every build

Author: akoidan

build/webpack.config.dev.js

@@ -2,6 +2,7 @@ const {merge} = require('webpack-merge');
 const {sassLoader, fileLoader, getDefinitions} = require('./utils');
 const config = require('./webpack.config.base');
 const HtmlWebpackPlugin = require("html-webpack-plugin");
+const CleanTerminalPlugin = require('clean-terminal-webpack-plugin');
 
 module.exports = merge(config, {
   mode: 'development',
@@ -23,6 +24,7 @@ module.exports = merge(config, {
     disableHostCheck: true, // allow joining under different hostnames to dev server, like ngrok
   },
   plugins: [
+    new CleanTerminalPlugin(),
     getDefinitions(true),
     new HtmlWebpackPlugin({
       template: '../src/index.ejs',

package.json

@@ -57,6 +57,7 @@
     "babel-preset-typescript-vue": "1.1.1",
     "chai": "4.2.0",
     "chai-as-promised": "7.1.1",
+    "clean-terminal-webpack-plugin": "^3.0.0",
     "clean-webpack-plugin": "3.0.0",
     "codecov": "3.7.2",
     "css-loader": "4.3.0",

yarn.lock

@@ -3769,6 +3769,11 @@ clean-stack@^2.0.0:
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
   integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
 
+clean-terminal-webpack-plugin@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/clean-terminal-webpack-plugin/-/clean-terminal-webpack-plugin-3.0.0.tgz#e042ebcf05b0bf90f7d7923ea1dc5685c819228f"
+  integrity sha512-wcgkQZmwEWYYjHblXc0+UGFDtx37S+1qgUQl4EOhhinzSHbZpixWBiasQ91RoCMf5lAm67j1XOt9z+HN+sWkWA==
+
 [email protected]:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/clean-webpack-plugin/-/clean-webpack-plugin-3.0.0.tgz#a99d8ec34c1c628a4541567aa7b457446460c62b"