add less relative import (#349)

Author: YutamaKotaro

e2e/__projects__/style/components/Less.vue

@@ -2,6 +2,8 @@
   <div>
     <div :class="$style.a">a</div>
     <div :class="styles.b">b</div>
+    <div :class="$style.c">c</div>
+    <div :class="styles.d">d</div>
   </div>
 </template>
 
@@ -19,6 +21,7 @@ export default defineComponent({
 </script>
 
 <style module lang="less">
+@import './styles/less-a.less';
 .a {
   background-color: @primary-color;
 }

e2e/__projects__/style/components/styles/less-a.less

@@ -0,0 +1,7 @@
+@import "variables";
+.c {
+  color: @primary-color;
+}
+.d {
+  background-color: @primary-color;
+}

e2e/__projects__/style/test.js

@@ -25,7 +25,7 @@ function mount(Component, props, slots) {
 test('processes Less', () => {
   mount(Less)
   expect(document.getElementById('app').innerHTML).toEqual(
-    '<div><div class="a">a</div><div class="b">b</div></div>'
+    '<div><div class="a">a</div><div class="b">b</div><div class="c">c</div><div class="d">d</div></div>'
   )
 })
 

lib/process-style.js

@@ -42,7 +42,7 @@ function getPreprocessOptions(lang, filePath, jestConfig) {
       })
     }
   }
-  if (lang === 'styl' || lang === 'stylus') {
+  if (lang === 'styl' || lang === 'stylus' || lang === 'less') {
     return {
       paths: [path.dirname(filePath), process.cwd()]
     }