>[success] # 在项目构件时候在控制台更好的显示效果 [关于配置webpack显示信息类型](https://webpack.js.org/configuration/stats/#statslogging) ~~~ 1.参考上面文章举个例子如果配置 module.exports = { ... stats: 'errors-only' // 在执行命令阶段在控制台只显示报错信息 }; 2.为了让这些信息更好看，可以使用'friendly-errors-webpack-plugin' var NotifierPlugin = require('friendly-errors-webpack-plugin'); module.exports = { ... plugins: [ new FriendlyErrorsWebpackPlugin() ], }; ~~~ * 图片来自极客时间 friendly-errors-webpack-plugin可以让不同类型报错信息显示更明显  >[success] # 打包时候捕获异常 ~~~ 1.在webpack 的plugins 配置可以获取打包时候的异常 plugins: [ function() { this.hooks.done.tap('done', (stats) => { if (stats.compilation.errors && stats.compilation.errors.length && process.argv.indexOf('- -watch') == -1) { console.log('build error'); process.exit(1); } }) } ] ~~~