webpack 多页面项目编译时的报错配置

new FriendlyErrorsPlugin({
      compilationSuccessInfo: {
            messages: [dev?`Your application is running here: http://localhost:${port}`:`Your application have been built.`],
            clearConsole:true
      },
      onErrors: (severity, errors) => {
           if (severity !== 'error') {
               return;
           }
           const error = errors[0];
           notifier.notify({
               title: "Webpack Error",
               message: severity + ': ' + error.message,
               subtitle: error || error.name
           });
      }
})

打包时没有通过编译的代码会依靠notifier.notify这个插件进行报错 

相关依赖：

node-notifier

friendly-errors-webpack-plugin

注： 

dev 时编译时定义的

new webpack.DefinePlugin({
     'process.env': {
         NODE_ENV: dev ? require('./config/dev') : require('./config/prod')
     }
})

可以通过package.json文件赋值

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "cross-env NODE_ENV=production webpack --mode production",
    "dev": "cross-env NODE_ENV=development webpack-dev-server --inline --progress --mode development"
  },