refactor: postcss option

Author: alexander-akait

package-lock.json

@@ -42,8 +42,8 @@
     "webpack": "^4.0.0"
   },
   "dependencies": {
-    "loader-utils": "^1.0.2",
-    "postcss": "^7.0.2",
+    "loader-utils": "^1.0.0",
+    "postcss": "^7.0.0",
     "postcss-value-parser": "^3.3.0",
     "schema-utils": "^1.0.0"
   },

package.json

@@ -71,26 +71,24 @@ export default function loader(content, map, meta) {
     prevMap.sourceRoot = '';
   }
 
-  const postcssOptions = {
-    // We need a prefix to avoid path rewriting of PostCSS
-    from: `/css-loader!${getRemainingRequest(this)
-      .split('!')
-      .pop()}`,
-    to: getCurrentRequest(this)
-      .split('!')
-      .pop(),
-    map: sourceMap
-      ? {
-          prev: prevMap,
-          sourcesContent: true,
-          inline: false,
-          annotation: false,
-        }
-      : null,
-  };
-
   postcss(plugins)
-    .process(contentOrAst, postcssOptions)
+    .process(contentOrAst, {
+      // We need a prefix to avoid path rewriting of PostCSS
+      from: `/css-loader!${getRemainingRequest(this)
+        .split('!')
+        .pop()}`,
+      to: getCurrentRequest(this)
+        .split('!')
+        .pop(),
+      map: sourceMap
+        ? {
+            prev: prevMap,
+            sourcesContent: true,
+            inline: false,
+            annotation: false,
+          }
+        : null,
+    })
     .then((result) => {
       result
         .warnings()

src/index.js

@@ -64,11 +64,11 @@ exports[`loader basic: runtime 1`] = `
 
 /* eslint-disable */
 
-// CSS (Loader) Runtime
+// CSS Loader (Runtime)
 module.exports = function (useSourceMap) {
   const list = [];
 
-  // return the list of modules as css string
+  // Return the list of modules as css string
   list.toString = function toString() {
     return this.map(function (item) {
       const content = cssWithMappingToString(item, useSourceMap);
@@ -81,7 +81,7 @@ module.exports = function (useSourceMap) {
     }).join('');
   };
 
-  // import a list of modules into the list
+  // Import a list of modules into the list
   list.i = function (modules, mediaQuery) {
     if (typeof modules === 'string') {
       modules = [[null, modules, '']];
@@ -100,10 +100,10 @@ module.exports = function (useSourceMap) {
     for (let i = 0; i < modules.length; i++) {
       const item = modules[i];
 
-      // skip already imported module
-      // this implementation is not 100% perfect for weird media query combinations
+      // Skip already imported module.
+      // This implementation is not 100% perfect for weird media query combinations
       // when a module is imported multiple times with different media queries.
-      // I hope this will never occur (Hey this way we have smaller bundles)
+      // I hope this will never occur (Hey this way we have smaller bundles).
       if (typeof item[0] !== 'number' || !isImported[item[0]]) {
         if (mediaQuery && !item[2]) {
           item[2] = mediaQuery;