fix: resolve @import with absolute paths (#201)

* - Fixes #93

* - Adds test for absolute import

src/createWebpackLessPlugin.js

@@ -34,7 +34,7 @@ function createWebpackLessPlugin(loaderContext) {
 
     loadFile(filename, currentDirectory /* , options, environment */) { // eslint-disable-line class-methods-use-this
       const url = filename.replace(matchMalformedModuleFilename, '$1');
-      const moduleRequest = loaderUtils.urlToRequest(url);
+      const moduleRequest = loaderUtils.urlToRequest(url, url.charAt(0) === '/' ? '' : null);
       // Less is giving us trailing slashes, but the context should have no trailing slash
       const context = currentDirectory.replace(trailingSlash, '');
       let resolvedFilename;

test/fixtures/less/import-absolute-target.less

@@ -0,0 +1,3 @@
+.it-works {
+  color: yellow;
+}

test/fixtures/less/import-absolute.less

@@ -0,0 +1 @@
+@import "@{absolutePath}";

test/helpers/createSpec.js

@@ -14,6 +14,8 @@ const ignore = [
   'error-mixed-resolvers',
   'error-syntax',
   'error-import-file-with-error',
+  'import-absolute',
+  'import-absolute-target',
 ];
 const lessReplacements = [
   [/~some\//g, '../node_modules/some/'],

test/index.test.js

@@ -268,3 +268,20 @@ test('should add a file with an error as dependency so that the watcher is trigg
     lessFixturePath('error-syntax.less'),
   ].sort());
 });
+
+test('should be able to import a file with an absolute path', async () => {
+  const importedFilePath = path.resolve(__dirname, 'fixtures', 'less', 'import-absolute-target.less');
+  const loaderOptions = {
+    globalVars: {
+      absolutePath: `'${importedFilePath}'`,
+    },
+  };
+  let inspect;
+  const rules = moduleRules.basic(loaderOptions, {}, (i) => {
+    inspect = i;
+  });
+  await compile('import-absolute', rules)
+      .catch(e => e);
+  const [css] = inspect.arguments;
+  expect(css).toEqual('.it-works {\n  color: yellow;\n}\n');
+});