前端项目在webpack打包时，会在控制台输出一些无用信息，如下图所示

密密麻麻的一长串，无论是研发本地启动还是生产构建时，看起来都不太友好，所以修改了一下配置

在你的build文件夹的webpack.base.config.js文件，可以添加如下几行代码

const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin');

module.exports = merge(webpackBaseConfig, {
    plugins: [
         new FriendlyErrorsPlugin(), 
    ],
    stats: 'errors-only'
});

在对应的位置加上如下代码就可以获得一个干净整洁的控制台输出界面啦，相关的AP可以参照webpack官方的文档说明哦。

如果你有更好的方法，请在下方给我留言哦，不喜勿喷，欢迎交流(*^▽^*)。