Is it possible to have a multi compiler configuration with this module?

Yes, see <a class="issue-link js-issue-link" data-error-text="Failed to load title" da

Multi compiler about friendly-errors-webpack-plugin HOT 2 CLOSED

geowarin commented on June 5, 2024

Multi compiler

from friendly-errors-webpack-plugin.

Comments (2)

coreyleelarson commented on June 5, 2024 2

How is this supposed to work?

I included this plugin for each of my configs, which are exported as an array to the webpack multicompiler. When webpack runs, I see logs for each config, sometimes a mix of success and error depending on the compiler results.

This can be extremely confusing if clearConsole: true since there's a possibility that I could see nothing but a [DONE] Compiled successfully in XXXms message for one config when there could be an error in another.

webpack.config.babel.js

import clientConfig from './webpack.config.client.babel';
import serverConfig from './webpack.config.server.babel';

export default [clientConfig, serverConfig];

webpack.config.base.babel.js

import FriendlyErrorsPlugin from 'friendly-errors-webpack-plugin';

export default {
  stats: 'none',
  module: {
    rules: [
      {
        test: /\.js?$/,
        use: 'babel-loader',
        exclude: /node_modules/
      }
    ]
  },
  plugins: [
    new FriendlyErrorsPlugin({
      clearConsole: false
    })
  ]
}

webpack.config.client.babel.js

import path from 'path';
import webpackMerge from 'webpack-merge';
import baseConfig from './webpack.config.base.babel';

export default webpackMerge(baseConfig, {
  target: 'web',
  name: 'client',
  entry: {
    client: './client/client.js'
  },
  output: {
    path: path.resolve('./build/assets'),
    filename: 'scripts/[name].bundle.js'
  }
});

webpack.config.server.babel.js

import path from 'path';
import webpackMerge from 'webpack-merge';
import nodeExternals from 'webpack-node-externals';
import baseConfig from './webpack.config.base.babel';

export default webpackMerge(baseConfig, {
  target: 'node',
  name: 'server',
  externals: [nodeExternals()],
  entry: {
    server: './server/server.js'
  },
  output: {
    path: path.resolve('./build'),
    filename: '[name].bundle.js'
  }
});