fix namer

Author: jquense

lib/loader.js

@@ -26,7 +26,7 @@ function getLoadFilePrefix(loaderContext) {
   return `-!${require.resolve('./stringifyLoader')}!${loadersRequest}!`;
 }
 
-function loader(src) {
+function loader(src, prevMap, meta) {
   const { resourcePath, _compilation: compilation } = this;
   const cb = this.async();
   const fs = this._compilation.inputFileSystem;
@@ -51,7 +51,6 @@ function loader(src) {
   };
 
   const loadFile = promisify((file, done) => {
-    // console.log('LOAD FILE');
     if (compilation[CACHE].has(file)) {
       done(null, compilation[CACHE].get(file));
       return;
@@ -86,6 +85,9 @@ function loader(src) {
     }
 
     compat = compat.map(([, plugin]) => plugin);
+    // spread this out now, b/c sometimes the namer runs later after the context
+    // is in a weird spot and it's getters don't work anymore
+    const namerContext = { ...this };
 
     const mCssOptions = {
       exportGlobals: false,
@@ -96,10 +98,9 @@ function loader(src) {
       rewrite: false,
       resolvers: [resolver, ...(options.resolvers || [])],
       namer: (filename, localName) =>
-        getLocalName(filename, localName, this, options),
-      before: compat
-        .filter((p) => p.phase === 'before')
-        .concat(options.before)
+        getLocalName(filename, localName, namerContext, options),
+      before: [options.before]
+        .concat(compat.filter((p) => p.phase === 'before'))
         .filter(Boolean),
       processing: []
         .concat(compat.filter((p) => p.phase === 'processing'))
@@ -112,7 +113,19 @@ function loader(src) {
 
   const processor = compilation[PROCESSOR];
 
-  return processor.string(resourcePath, src).then(
+  let root;
+  if (meta) {
+    const { ast } = meta;
+    if (ast && ast.type === 'postcss') {
+      root = ast.root;
+    }
+  }
+
+  const processing = root
+    ? processor.root(resourcePath, root)
+    : processor.string(resourcePath, src);
+
+  return processing.then(
     ({ details }) => {
       const { result } = details;
 

package.json

@@ -82,6 +82,7 @@
     "postcss": "^7.0.27",
     "postcss-selector-parser": "^6.0.2",
     "sass-loader": "^8.0.2",
+    "semver": "^7.3.2",
     "webpack": "^4.43.0"
   },
   "bugs": {