fix: fix _document.js crash

Author: Uncleseneca

css-loader-config.js

@@ -1,8 +1,8 @@
-const ExtractCssChunks = require('extract-css-chunks-webpack-plugin');
-const findUp = require('find-up');
+const ExtractCssChunks = require('extract-css-chunks-webpack-plugin')
+const findUp = require('find-up')
 
-const fileExtensions = new Set();
-let extractCssInitialized = false;
+const fileExtensions = new Set()
+let extractCssInitialized = false
 
 module.exports = (
   config,
@@ -18,7 +18,7 @@ module.exports = (
 ) => {
   // We have to keep a list of extensions for the splitchunk config
   for (const extension of extensions) {
-    fileExtensions.add(extension);
+    fileExtensions.add(extension)
   }
 
   if (!isServer) {
@@ -27,7 +27,7 @@ module.exports = (
       test: new RegExp(`\\.+(${[...fileExtensions].join('|')})$`),
       chunks: 'all',
       enforce: true
-    };
+    }
   }
 
   if (!isServer && !extractCssInitialized) {
@@ -44,37 +44,37 @@ module.exports = (
         orderWarning: false,
         reloadAll: true
       })
-    );
-    extractCssInitialized = true;
+    )
+    extractCssInitialized = true
   }
 
   if (!dev) {
     if (!Array.isArray(config.optimization.minimizer)) {
-      config.optimization.minimizer = [];
+      config.optimization.minimizer = []
     }
     const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-webpack-plugin');
-    config.optimization.minimizer.push(new OptimizeCssAssetsWebpackPlugin({}));
+    config.optimization.minimizer.push(new OptimizeCssAssetsWebpackPlugin({}))
   }
 
   const postcssConfig = findUp.sync('postcss.config.js', {
     cwd: config.context
-  });
-  let postcssLoader;
+  })
+  let postcssLoader
 
   if (postcssConfig) {
     // Copy the postcss-loader config options first.
     const postcssOptionsConfig = Object.assign(
       {},
       postcssLoaderOptions.config,
       { path: postcssConfig }
-    );
+    )
 
     postcssLoader = {
       loader: 'postcss-loader',
       options: Object.assign({}, postcssLoaderOptions, {
         config: postcssOptionsConfig
       })
-    };
+    }
   }
 
   const cssLoader = {
@@ -91,16 +91,16 @@ module.exports = (
       },
       cssLoaderOptions
     )
-  };
+  }
 
   // When not using css modules we don't transpile on the server
   if (isServer && !cssLoader.options.modules) {
-    return ['ignore-loader'];
+    return ['ignore-loader']
   }
 
   // When on the server and using css modules we transpile the css
   if (isServer && cssLoader.options.modules) {
-    return [cssLoader, postcssLoader, ...loaders].filter(Boolean);
+    return [cssLoader, postcssLoader, ...loaders].filter(Boolean)
   }
 
   return [
@@ -109,5 +109,5 @@ module.exports = (
     cssLoader,
     postcssLoader,
     ...loaders
-  ].filter(Boolean);
-};
+  ].filter(Boolean)
+}

index.js

@@ -1,16 +1,16 @@
-const cssLoaderConfig = require('./css-loader-config');
+const cssLoaderConfig = require('./css-loader-config')
 
 module.exports = (nextConfig = {}) => {
   return Object.assign({}, nextConfig, {
     webpack(config, options) {
       if (!options.defaultLoaders) {
         throw new Error(
-          'This plugin is not compatible with Next.js versions below 5.0.0 https://err.sh/next-plugins/upgrade'
-        );
+          'This plugin is not compatible with Next.js versions below 5.0.0 https://err.sh/next-plugins/upgrade',
+        )
       }
 
-      const { dev, isServer } = options;
-      const { cssModules, cssLoaderOptions, postcssLoaderOptions } = nextConfig;
+      const { dev, isServer } = options
+      const { cssLoaderOptions, postcssLoaderOptions } = nextConfig
 
       const createStyleConfig = cssModules =>
         (options.defaultLoaders.css = cssLoaderConfig(config, {
@@ -19,35 +19,35 @@ module.exports = (nextConfig = {}) => {
           cssLoaderOptions,
           postcssLoaderOptions,
           dev,
-          isServer
-        }));
+          isServer,
+        }))
 
       config.module.rules.push({
         test: /\.css$/,
         oneOf: [
           {
             resourceQuery: /CSSModulesDisable/,
-            use: createStyleConfig(false)
+            use: createStyleConfig(false),
           },
           {
-            use: createStyleConfig(true)
-          }
+            use: createStyleConfig(true),
+          },
         ],
         issuer(issuer) {
           if (issuer.match(/pages[\\/]_document\.js$/)) {
             throw new Error(
-              'You can not import CSS files in pages/_document.js, use pages/_app.js instead.'
-            );
+              'You can not import CSS files in pages/_document.js, use pages/_app.js instead.',
+            )
           }
-          return true;
-        }
-      });
+          return true
+        },
+      })
 
       if (typeof nextConfig.webpack === 'function') {
-        return nextConfig.webpack(config, options);
+        return nextConfig.webpack(config, options)
       }
 
-      return config;
-    }
-  });
-};
+      return config
+    },
+  })
+}

package.json

@@ -3,15 +3,16 @@
   "version": "2.1.7",
   "main": "index.js",
   "license": "MIT",
-  "repository": "uncleseneca/next-css",
+  "repository": "next-css-unpluggable",
   "scripts": {
     "release": "standard-version"
   },
   "dependencies": {
-    "css-loader": "^2.1.0",
-    "extract-css-chunks-webpack-plugin": "^3.3.2",
+    "css-loader": "1.0.0",
+    "extract-css-chunks-webpack-plugin": "^3.2.0",
     "extracted-loader": "1.0.4",
-    "find-up": "3.0.0",
+    "find-up": "2.1.0",
+    "ignore-loader": "0.1.2",
     "optimize-css-assets-webpack-plugin": "^5.0.1",
     "postcss-loader": "3.0.0"
   },