feat: add stats option

README.md

@@ -188,6 +188,14 @@ module.exports = {
 };
 ```
 
+### `clientLogLevel`
+
+Type: `String`
+Default: `'info'`
+
+The browser console logging level as described by
+[webpack-dev-server](https://webpack.js.org/configuration/dev-server/#devserverclientloglevel).
+
 ## Examples
 
 ### Minimal example
@@ -301,6 +309,7 @@ module.exports = {
             loader: MiniCssExtractPlugin.loader,
             options: {
               hmr: process.env.NODE_ENV === 'development',
+              clientLogLevel: 'warn',
             },
           },
           'css-loader',

package.json

@@ -40,6 +40,7 @@
   },
   "dependencies": {
     "loader-utils": "^1.1.0",
+    "loglevel": "^1.6.8",
     "normalize-url": "1.9.1",
     "schema-utils": "^1.0.0",
     "webpack-sources": "^1.1.0"

src/hmr/hotModuleReplacement.js

@@ -6,6 +6,9 @@
 */
 
 const normalizeUrl = require('normalize-url');
+const logger = require('loglevel').getLogger('mini-css-extract-plugin');
+
+logger.setDefaultLevel('info');
 
 const srcByModuleId = Object.create(null);
 
@@ -196,8 +199,12 @@ function isUrlRequest(url) {
 }
 
 module.exports = function(moduleId, options) {
+  if (options.clientLogLevel) {
+    logger.setLevel(options.clientLogLevel);
+  }
+
   if (noDocument) {
-    console.log('no window.document found, will not HMR CSS');
+    logger.info('no window.document found, will not HMR CSS');
 
     return noop;
   }
@@ -209,17 +216,17 @@ module.exports = function(moduleId, options) {
     const reloaded = reloadStyle(src);
 
     if (options.locals) {
-      console.log('[HMR] Detected local css modules. Reload all css');
+      logger.info('[HMR] Detected local css modules. Reload all css');
 
       reloadAll();
 
       return;
     }
 
     if (reloaded && !options.reloadAll) {
-      console.log('[HMR] css reload %s', src.join(' '));
+      logger.info('[HMR] css reload %s', src.join(' '));
     } else {
-      console.log('[HMR] Reload all css');
+      logger.info('[HMR] Reload all css');
 
       reloadAll();
     }

src/loader-options.json

@@ -20,6 +20,18 @@
     },
     "reloadAll": {
       "type": "boolean"
+    },
+    "clientLogLevel": {
+      "enum": [
+        "info",
+        "warn",
+        "error",
+        "debug",
+        "trace",
+        "silent",
+        "none",
+        "warning"
+      ]
     }
   }
 }

test/__snapshots__/validate-loader-options.test.js.snap

@@ -1,5 +1,47 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`validate options should throw an error on the "clientLogLevel" option with "{}" value 1`] = `
+"Mini CSS Extract Plugin Loader Invalid Options
+
+options.clientLogLevel should be equal to one of the allowed values
+"
+`;
+
+exports[`validate options should throw an error on the "clientLogLevel" option with "0" value 1`] = `
+"Mini CSS Extract Plugin Loader Invalid Options
+
+options.clientLogLevel should be equal to one of the allowed values
+"
+`;
+
+exports[`validate options should throw an error on the "clientLogLevel" option with "1" value 1`] = `
+"Mini CSS Extract Plugin Loader Invalid Options
+
+options.clientLogLevel should be equal to one of the allowed values
+"
+`;
+
+exports[`validate options should throw an error on the "clientLogLevel" option with "false" value 1`] = `
+"Mini CSS Extract Plugin Loader Invalid Options
+
+options.clientLogLevel should be equal to one of the allowed values
+"
+`;
+
+exports[`validate options should throw an error on the "clientLogLevel" option with "foo" value 1`] = `
+"Mini CSS Extract Plugin Loader Invalid Options
+
+options.clientLogLevel should be equal to one of the allowed values
+"
+`;
+
+exports[`validate options should throw an error on the "clientLogLevel" option with "true" value 1`] = `
+"Mini CSS Extract Plugin Loader Invalid Options
+
+options.clientLogLevel should be equal to one of the allowed values
+"
+`;
+
 exports[`validate options should throw an error on the "esModule" option with "1" value 1`] = `
 "Mini CSS Extract Plugin Loader Invalid Options
 

test/validate-loader-options.test.js

@@ -18,6 +18,19 @@ describe('validate options', () => {
       success: [true, false],
       failure: [1],
     },
+    clientLogLevel: {
+      success: [
+        'info',
+        'warn',
+        'error',
+        'debug',
+        'trace',
+        'silent',
+        'none',
+        'warning',
+      ],
+      failure: [true, false, 'foo', 0, 1, {}],
+    },
     unknown: {
       success: [],
       // TODO failed in next release