自己搭建的脚手架打包后命令行比较乱
没有vue-cli官方打包完成后 显示的整洁

清理webpack编译时输出的无用信息_CSDN-CSDN博客
https://blog.csdn.net/FAITHZK/article/details/80919424

插件:friendly-errors-webpack-plugin - npm

https://www.npmjs.com/package/friendly-errors-webpack-plugin#eslint-loader-errors

  1. new FriendlyErrorsPlugin({
  2.   compilationSuccessInfo: {
  3.     messages: ['You application is running here http://localhost:3000'],
  4.     notes: ['Some additionnal notes to be displayed unpon successful compilation']
  5.   },
  6.   onErrors: function (severity, errors) {
  7.     // You can listen to errors transformed and prioritized by the plugin
  8.     // severity can be 'error' or 'warning'
  9.   },
  10.   // should the console be cleared between each compilation?
  11.   // default is true
  12.   clearConsole: true,
  14.   // add formatters and transformers (see below)
  15.   additionalFormatters: [],
  16.   additionalTransformers: []
  17. })

图片.png

图片.png