title: Large console output produced by mini-css-extract-plugin
body: <p>Been trying to research this but it doesn't seem as if any else has this, or see this as an issue.</p>
  
  <p>I am using <code>mini-css-extract-plugin</code>(<code>MiniCssExtractPlugin</code>) in my <code>webpack.config.js</code>.</p>
  
  <p>However, when I run <code>webpack</code> the console is littered with hundreds of instances of something similar to this...</p>
  
  <pre><code>Child mini-css-extract-plugin ../../../node_modules/css-loader/index.js??ref--6-1!../../../node_modules/postcss-loader/src/index.js!../../../node_modules/sass-loader/lib/loader.js!ui/radiolist-toggler/RadioListToggler.scss:
      Entrypoint mini-css-extract-plugin = *
      [../../../node_modules/css-loader/index.js?!../../../node_modules/postcss-loader/src/index.js!../../../node_modules/sass-loader/lib/loader.js!./ui/radiolist-toggler/RadioListToggler.scss] /Users/~~~/git/user-section/node_modules/css-loader??ref--6-1!/Users/~~~/git/user-section/node_modules/postcss-loader/src!/Users/~~/git/user-section/node_modules/sass-loader/lib/loader.js!./ui/radiolist-toggler/RadioListToggler.scss 5.33 KiB {mini-css-extract-plugin} [built]
          + 1 hidden module
  </code></pre>
  
  <p>I need to scroll up for a good few seconds to be able to see all my assets etc. </p>
  
  <p>I am pretty new to webpack, so not exactly sure how to prevent this from being output to the console?</p>
  
  <p>Below is my <code>webpack.config.js</code></p>
  
  <pre><code>const path = require('path');
  const webpack = require('webpack');
  const HtmlWebpackPlugin = require('html-webpack-plugin');
  const CleanWebpackPlugin = require('clean-webpack-plugin');
  const MiniCssExtractPlugin = require("mini-css-extract-plugin");
  const OptimizeCssAssetsPlugin = require("optimize-css-assets-webpack-plugin");
  const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
  const modernizr = require("modernizr");
  const CopyWebpackPlugin = require('copy-webpack-plugin');
  const CompressionPlugin = require('compression-webpack-plugin');
  
  
  module.exports = {
    context: path.resolve(__dirname, 'src/main/client'),
    entry: './index',
    devtool: 'cheap-module-source-map',
    optimization: {
      minimizer: [
        new UglifyJsPlugin({
          cache: true,
          parallel: true,
          uglifyOptions: {
            mangle: true,
            compress: true,
            ecma: 6
          },
          sourceMap: true
        }),
        new OptimizeCssAssetsPlugin({}),
      ],
      splitChunks: {
        chunks: 'all'
      }
    },
    plugins: [
      new CompressionPlugin({
        test: /\.js$|\.css$|\.html$|\.(png|svg|jpg|gif)$/,
        cache: true,
        filename: '[path].gz[query]',
        algorithm: 'gzip',
        threshold: 10240
      }),
      new CleanWebpackPlugin([
        './target/webapp'
      ]),
      new HtmlWebpackPlugin({
        template: './index.html',
        filename: '../index.html',
        xhtml: true
      }),
      new MiniCssExtractPlugin({
        filename: "[name].css",
      }),
      new CopyWebpackPlugin([{
        from: '../webapp/**/*',
        to: '../'
      }]),
      new webpack.DefinePlugin({
        'process.env.NODE_ENV': '"production"'
      }),
    ],
    output: {
      publicPath: '/app/',
      filename: '[name].bundle.js',
      chunkFilename: '[id].js',
      path: path.resolve(__dirname, 'target/webapp/app/')
    },
    module: {
      rules: [{
          loader: "webpack-modernizr-loader",
          test: /\.modernizrrc\.js$/
        },
        {
          test: /\.html$/,
          exclude: /node_modules/,
          use: {
            loader: 'html-loader'
          }
        },
        {
          test: /\.s?css$/,
          use: [
            MiniCssExtractPlugin.loader,
            {
              loader: 'css-loader',
              options: {
                importLoaders: 1
              }
            },
            {
              loader: 'postcss-loader'
            },
            {
              loader: 'sass-loader'
            }
          ]
        },
        {
          test: /\.(png|svg|jpg|gif)$/,
          use: [
            'file-loader'
          ]
        },
        {
          test: /\.(woff|woff2|eot|ttf|otf)$/,
          use: [{
            loader: 'file-loader',
            options: {
              name: '[name].[ext]',
              outputPath: './assets/fonts/'
            }
          }]
        },
        {
          test: /\.(js|jsx)$/,
          exclude: /node_modules/,
          loader: "babel-loader",
          options: {
            presets: ["@babel/env"]
          }
        }
      ],
    },
    resolve: {
      alias: {
        // You can add comment "Please do not delete this file" in this file
        modernizr$: path.resolve(__dirname, "./.modernizrrc.js")
      }
    }
  }
  </code></pre>