NextJS Webpack disable optimization plugin

next-webpack-disable-optimization-plugin.js

module.exports = (nextConfig) => {
  return Object.assign({}, nextConfig, {
    webpack(webpackConfig, nextContext) {
      // NOTE: use whatever environment variable you'd like here to determine
      // what environment should have minimization disabled.
      if (process.env.NODE_ENV === 'development') {
        webpackConfig.optimization.minimize = false;
        webpackConfig.optimization.minimizer = [];
      }

      if (typeof nextConfig.webpack === 'function') {
        return nextConfig.webpack(webpackConfig, nextContext);
      }

      return webpackConfig;
    },
  });
};

next.config.js

const withPlugins = require('next-compose-plugins');

const withNextWebpackDisableOptimization = require('./next-webpack-disable-optimization-plugin.js');

const plugins = [
  [withNextWebpackDisableOptimization],
];

const nextConfig = {};

module.exports = withPlugins(plugins, nextConfig);