@import is a module request not a relative request

Author: sokra

src/index.js

@@ -35,7 +35,10 @@ export default function loader(source, map) {
   // Interate parsed @import
   parseResult.atImports.forEach((imp) => {
     if (loaderUtils.isUrlRequest(imp.url, options.root)) {
-      const request = loaderUtils.urlToRequest(imp.url, options.root);
+      let request = imp.url;
+      if (/^\//.test(request)) {
+        request = loaderUtils.urlToRequest(request, options.root);
+      }
       replacer.replace(imp.start, imp.end, '');
       includedStylesheets.add(request);
       includedStylesheetsMediaQuery.set(request, imp.mediaQuery.join(' '));

test/__snapshots__/loader.test.js.snap

@@ -4,8 +4,8 @@ exports[`loader should process at-import.css 1`] = `
 Array [
   "// css runtime
 import * as runtime from \\"../runtime/index.js\\";
-import cssLoaderImport0 from \\"./abc\\";
-import cssLoaderImport1 from \\"./def\\";
+import cssLoaderImport0 from \\"abc\\";
+import cssLoaderImport1 from \\"def\\";
 
 // CSS
 export default /*#__PURE__*/runtime.create([

test/__snapshots__/webpack.test.js.snap

@@ -0,0 +1,5 @@
+@import 'abc';
+
+body {
+  background: red;
+}

test/webpack-fixtures/at-import-module/index.css

@@ -1,2 +1,2 @@
-@import url(bootstrap.css);
-@import url(bootstrap-theme.css);
+@import url(./bootstrap.css);
+@import url(./bootstrap-theme.css);

test/webpack-fixtures/at-import-module/node_modules/abc.css

@@ -87,6 +87,9 @@ describe('webpack', () => {
             filename: 'bundle.js',
             libraryTarget: 'commonjs2',
           },
+          resolve: {
+            extensions: ['.css'],
+          },
           module: options,
         }, (err, stats) => {
           if (err) {