diff --git a/e2e/__projects__/style/components/Less.vue b/e2e/__projects__/style/components/Less.vue
index 79b80341..dcbcba42 100644
--- a/e2e/__projects__/style/components/Less.vue
+++ b/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;
 }
diff --git a/e2e/__projects__/style/components/styles/less-a.less b/e2e/__projects__/style/components/styles/less-a.less
new file mode 100644
index 00000000..6b45a74c
--- /dev/null
+++ b/e2e/__projects__/style/components/styles/less-a.less
@@ -0,0 +1,7 @@
+@import "variables";
+.c {
+  color: @primary-color;
+}
+.d {
+  background-color: @primary-color;
+}
diff --git a/e2e/__projects__/style/test.js b/e2e/__projects__/style/test.js
index 8940dd42..f4c6047e 100644
--- a/e2e/__projects__/style/test.js
+++ b/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>'
   )
 })
 
diff --git a/lib/process-style.js b/lib/process-style.js
index 5c679c10..14a59305 100644
--- a/lib/process-style.js
+++ b/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()]
     }