diff --git a/src/action-bar-button/index.less b/src/action-bar-button/index.less
index 32bb62f38..07de58d15 100644
--- a/src/action-bar-button/index.less
+++ b/src/action-bar-button/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-action-bar-button {
   flex: 1;
diff --git a/src/action-bar-icon/index.less b/src/action-bar-icon/index.less
index 9ad5b129b..46b2c763f 100644
--- a/src/action-bar-icon/index.less
+++ b/src/action-bar-icon/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-action-bar-icon {
   display: flex;
diff --git a/src/action-bar/index.less b/src/action-bar/index.less
index 24e6c3679..67a5c0120 100644
--- a/src/action-bar/index.less
+++ b/src/action-bar/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van-action-bar {
diff --git a/src/action-sheet/index.less b/src/action-sheet/index.less
index 17b2e124f..81724431b 100644
--- a/src/action-sheet/index.less
+++ b/src/action-sheet/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/hairline';
 
 .van-action-sheet {
diff --git a/src/address-edit/index.less b/src/address-edit/index.less
index 4f8810af6..46e7547d4 100644
--- a/src/address-edit/index.less
+++ b/src/address-edit/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-address-edit {
   padding: @address-edit-padding;
diff --git a/src/address-list/index.less b/src/address-list/index.less
index c3e7f70cf..5c757bae5 100644
--- a/src/address-list/index.less
+++ b/src/address-list/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van-address-list {
diff --git a/src/badge/index.less b/src/badge/index.less
index 6bbd1c791..e485264c3 100644
--- a/src/badge/index.less
+++ b/src/badge/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-badge {
   display: inline-block;
diff --git a/src/button/index.less b/src/button/index.less
index 3a077c40a..41a4c657d 100644
--- a/src/button/index.less
+++ b/src/button/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-button {
   position: relative;
diff --git a/src/calendar/index.less b/src/calendar/index.less
index 8d9618b85..c04c8020d 100644
--- a/src/calendar/index.less
+++ b/src/calendar/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van-calendar {
diff --git a/src/card/index.less b/src/card/index.less
index 6f6541ec3..46f57d9c0 100644
--- a/src/card/index.less
+++ b/src/card/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-card {
   position: relative;
diff --git a/src/cascader/index.less b/src/cascader/index.less
index 27871e3c4..7715c1460 100644
--- a/src/cascader/index.less
+++ b/src/cascader/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-cascader {
   &__header {
diff --git a/src/cell-group/index.less b/src/cell-group/index.less
index bc42a8bea..a92c3e299 100644
--- a/src/cell-group/index.less
+++ b/src/cell-group/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-cell-group {
   background-color: @cell-group-background-color;
diff --git a/src/cell/index.less b/src/cell/index.less
index e8776d4ab..be4d53d42 100644
--- a/src/cell/index.less
+++ b/src/cell/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/hairline';
 
 .van-cell {
diff --git a/src/checkbox-group/index.less b/src/checkbox-group/index.less
index eb3fa9b6b..e4d4c106a 100644
--- a/src/checkbox-group/index.less
+++ b/src/checkbox-group/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-checkbox-group {
   &--horizontal {
diff --git a/src/checkbox/index.less b/src/checkbox/index.less
index 45887ee1a..aca8454d6 100644
--- a/src/checkbox/index.less
+++ b/src/checkbox/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-checkbox {
   display: flex;
diff --git a/src/circle/index.less b/src/circle/index.less
index 0613d8159..d184ee5f0 100644
--- a/src/circle/index.less
+++ b/src/circle/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-circle {
   position: relative;
diff --git a/src/col/index.less b/src/col/index.less
index 09add20f0..41c40bc5c 100644
--- a/src/col/index.less
+++ b/src/col/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-col {
   display: block;
diff --git a/src/collapse-item/index.less b/src/collapse-item/index.less
index 3d08a0b7a..608736c46 100644
--- a/src/collapse-item/index.less
+++ b/src/collapse-item/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/hairline';
 
 .van-collapse-item {
diff --git a/src/contact-card/index.less b/src/contact-card/index.less
index 907952156..a40182e5b 100644
--- a/src/contact-card/index.less
+++ b/src/contact-card/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-contact-card {
   padding: @contact-card-padding;
diff --git a/src/contact-edit/index.less b/src/contact-edit/index.less
index ae82daf35..f81873fcd 100644
--- a/src/contact-edit/index.less
+++ b/src/contact-edit/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-contact-edit {
   padding: @contact-edit-padding;
diff --git a/src/contact-list/index.less b/src/contact-list/index.less
index 155c2a0d3..fe92f98a7 100644
--- a/src/contact-list/index.less
+++ b/src/contact-list/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van-contact-list {
diff --git a/src/count-down/index.less b/src/count-down/index.less
index 5a6206a0b..e7a813cc8 100644
--- a/src/count-down/index.less
+++ b/src/count-down/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-count-down {
   color: @count-down-text-color;
diff --git a/src/coupon-cell/index.less b/src/coupon-cell/index.less
index 1a2da079e..f777e8f90 100644
--- a/src/coupon-cell/index.less
+++ b/src/coupon-cell/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-coupon-cell {
   &__value--selected {
diff --git a/src/coupon-list/index.less b/src/coupon-list/index.less
index 77c11d23b..758a0208b 100644
--- a/src/coupon-list/index.less
+++ b/src/coupon-list/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-coupon-list {
   position: relative;
diff --git a/src/coupon/index.less b/src/coupon/index.less
index 6caf77bb7..22b071261 100644
--- a/src/coupon/index.less
+++ b/src/coupon/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/ellipsis';
 
 .van-coupon {
diff --git a/src/dialog/index.less b/src/dialog/index.less
index 523c7f430..eefb3d7f1 100644
--- a/src/dialog/index.less
+++ b/src/dialog/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-dialog {
   top: 45%;
diff --git a/src/divider/index.less b/src/divider/index.less
index 962964c45..5378dae0e 100644
--- a/src/divider/index.less
+++ b/src/divider/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-divider {
   display: flex;
diff --git a/src/dropdown-item/index.less b/src/dropdown-item/index.less
index 893fc66d5..a17794ec1 100644
--- a/src/dropdown-item/index.less
+++ b/src/dropdown-item/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-dropdown-item {
   position: fixed;
diff --git a/src/dropdown-menu/index.less b/src/dropdown-menu/index.less
index dbdffb2ee..fb75700a9 100644
--- a/src/dropdown-menu/index.less
+++ b/src/dropdown-menu/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-dropdown-menu {
   user-select: none;
diff --git a/src/empty/index.less b/src/empty/index.less
index 2a28d2b86..d061b0f8c 100644
--- a/src/empty/index.less
+++ b/src/empty/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-empty {
   display: flex;
diff --git a/src/field/index.less b/src/field/index.less
index 62e01c397..b7f8a4265 100644
--- a/src/field/index.less
+++ b/src/field/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-field {
   &__label {
diff --git a/src/grid-item/index.less b/src/grid-item/index.less
index deaf52c78..97821d574 100644
--- a/src/grid-item/index.less
+++ b/src/grid-item/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-grid-item {
   position: relative;
diff --git a/src/grid/index.less b/src/grid/index.less
index 47a890003..615996200 100644
--- a/src/grid/index.less
+++ b/src/grid/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-grid {
   display: flex;
diff --git a/src/icon/index.less b/src/icon/index.less
index 97411ede3..b0ce5ab45 100644
--- a/src/icon/index.less
+++ b/src/icon/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '~@vant/icons/src/encode-woff2.less';
 
 .van-icon {
diff --git a/src/image-preview/index.less b/src/image-preview/index.less
index a8b748624..190caef02 100644
--- a/src/image-preview/index.less
+++ b/src/image-preview/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-image-preview {
   position: fixed;
diff --git a/src/image/index.less b/src/image/index.less
index 97155a230..bf23d9e41 100644
--- a/src/image/index.less
+++ b/src/image/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-image {
   position: relative;
diff --git a/src/index-anchor/index.less b/src/index-anchor/index.less
index 923f725e1..b3c708fb2 100644
--- a/src/index-anchor/index.less
+++ b/src/index-anchor/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-index-anchor {
   z-index: @index-anchor-z-index;
diff --git a/src/index-bar/index.less b/src/index-bar/index.less
index 30677b219..472f06029 100644
--- a/src/index-bar/index.less
+++ b/src/index-bar/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-index-bar {
   &__sidebar {
diff --git a/src/list/index.less b/src/list/index.less
index 7bbd55326..e86c4408b 100644
--- a/src/list/index.less
+++ b/src/list/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-list {
   &__loading,
diff --git a/src/loading/index.less b/src/loading/index.less
index ff2ed370a..33fb6a7e1 100644
--- a/src/loading/index.less
+++ b/src/loading/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-loading {
   position: relative;
diff --git a/src/nav-bar/index.less b/src/nav-bar/index.less
index f86b4af9a..d6a4cb62e 100644
--- a/src/nav-bar/index.less
+++ b/src/nav-bar/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-nav-bar {
   position: relative;
diff --git a/src/notice-bar/index.less b/src/notice-bar/index.less
index 34c35d049..7fb3620b4 100644
--- a/src/notice-bar/index.less
+++ b/src/notice-bar/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-notice-bar {
   position: relative;
diff --git a/src/notify/index.less b/src/notify/index.less
index e07a126ad..903328d9a 100644
--- a/src/notify/index.less
+++ b/src/notify/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-notify {
   display: flex;
diff --git a/src/number-keyboard/index.less b/src/number-keyboard/index.less
index ea9626f62..df519e3ff 100644
--- a/src/number-keyboard/index.less
+++ b/src/number-keyboard/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-number-keyboard {
   position: fixed;
diff --git a/src/overlay/index.less b/src/overlay/index.less
index 3b547cff9..00b0fde9e 100644
--- a/src/overlay/index.less
+++ b/src/overlay/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-overlay {
   position: fixed;
diff --git a/src/pagination/index.less b/src/pagination/index.less
index 862b1677c..ef46a8283 100644
--- a/src/pagination/index.less
+++ b/src/pagination/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-pagination {
   display: flex;
diff --git a/src/password-input/index.less b/src/password-input/index.less
index b7ded60ba..0c4be522d 100644
--- a/src/password-input/index.less
+++ b/src/password-input/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-password-input {
   position: relative;
diff --git a/src/picker/index.less b/src/picker/index.less
index 2d669864e..22ec2ba1d 100644
--- a/src/picker/index.less
+++ b/src/picker/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-picker {
   position: relative;
diff --git a/src/popover/index.less b/src/popover/index.less
index d961fbcf4..ed7fb043b 100644
--- a/src/popover/index.less
+++ b/src/popover/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-popover {
   position: absolute;
diff --git a/src/popup/index.less b/src/popup/index.less
index dbdc66630..8a8733367 100644
--- a/src/popup/index.less
+++ b/src/popup/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van {
diff --git a/src/progress/index.less b/src/progress/index.less
index 984948680..7c2aa7b2b 100644
--- a/src/progress/index.less
+++ b/src/progress/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-progress {
   position: relative;
diff --git a/src/pull-refresh/index.less b/src/pull-refresh/index.less
index b09e1f66a..b22b3adeb 100644
--- a/src/pull-refresh/index.less
+++ b/src/pull-refresh/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-pull-refresh {
   overflow: hidden;
diff --git a/src/radio-group/index.less b/src/radio-group/index.less
index d8e478261..fea42f62d 100644
--- a/src/radio-group/index.less
+++ b/src/radio-group/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-radio-group {
   &--horizontal {
diff --git a/src/radio/index.less b/src/radio/index.less
index 867beabad..c5e24a373 100644
--- a/src/radio/index.less
+++ b/src/radio/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-radio {
   display: flex;
diff --git a/src/rate/index.less b/src/rate/index.less
index 27012144f..67958e801 100644
--- a/src/rate/index.less
+++ b/src/rate/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-rate {
   display: inline-flex;
diff --git a/src/row/index.less b/src/row/index.less
index c460ffce3..8cf701ffa 100644
--- a/src/row/index.less
+++ b/src/row/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-row {
   display: flex;
diff --git a/src/search/index.less b/src/search/index.less
index 8471762c9..4d2e34d64 100644
--- a/src/search/index.less
+++ b/src/search/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-search {
   display: flex;
diff --git a/src/share-sheet/index.less b/src/share-sheet/index.less
index 337a6830b..2dd65de1d 100644
--- a/src/share-sheet/index.less
+++ b/src/share-sheet/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/hairline';
 
 .van-share-sheet {
diff --git a/src/sidebar-item/index.less b/src/sidebar-item/index.less
index 29e10311b..f1d3f55bb 100644
--- a/src/sidebar-item/index.less
+++ b/src/sidebar-item/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-sidebar-item {
   position: relative;
diff --git a/src/sidebar/index.less b/src/sidebar/index.less
index ff09323c9..0e82a49b3 100644
--- a/src/sidebar/index.less
+++ b/src/sidebar/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-sidebar {
   width: @sidebar-width;
diff --git a/src/skeleton/index.less b/src/skeleton/index.less
index 38e56ff68..c2a84bd89 100644
--- a/src/skeleton/index.less
+++ b/src/skeleton/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-skeleton {
   display: flex;
diff --git a/src/slider/index.less b/src/slider/index.less
index 881b5eb05..f988fe326 100644
--- a/src/slider/index.less
+++ b/src/slider/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-slider {
   position: relative;
diff --git a/src/step/index.less b/src/step/index.less
index ed99f540c..c9bb2b5e3 100644
--- a/src/step/index.less
+++ b/src/step/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-step {
   position: relative;
diff --git a/src/stepper/index.less b/src/stepper/index.less
index 112b686c3..97ad45cbf 100644
--- a/src/stepper/index.less
+++ b/src/stepper/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-stepper {
   display: inline-block;
diff --git a/src/steps/index.less b/src/steps/index.less
index 51d94d716..3e25a5212 100644
--- a/src/steps/index.less
+++ b/src/steps/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-steps {
   overflow: hidden;
diff --git a/src/sticky/index.less b/src/sticky/index.less
index bb42f52b6..5840b6538 100644
--- a/src/sticky/index.less
+++ b/src/sticky/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-sticky {
   &--fixed {
diff --git a/src/submit-bar/index.less b/src/submit-bar/index.less
index 73c91146e..85563eb40 100644
--- a/src/submit-bar/index.less
+++ b/src/submit-bar/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van-submit-bar {
diff --git a/src/swipe-cell/index.less b/src/swipe-cell/index.less
index 64a62c058..56c1f13b7 100644
--- a/src/swipe-cell/index.less
+++ b/src/swipe-cell/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-swipe-cell {
   position: relative;
diff --git a/src/swipe-item/index.less b/src/swipe-item/index.less
index 3755c3296..11274760e 100644
--- a/src/swipe-item/index.less
+++ b/src/swipe-item/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-swipe-item {
   position: relative;
diff --git a/src/swipe/index.less b/src/swipe/index.less
index 6ae3b7d1f..2299fa9c4 100644
--- a/src/swipe/index.less
+++ b/src/swipe/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-swipe {
   position: relative;
diff --git a/src/switch/index.less b/src/switch/index.less
index c0d65d7be..c5b14ec0a 100644
--- a/src/switch/index.less
+++ b/src/switch/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-switch {
   position: relative;
diff --git a/src/tab/index.less b/src/tab/index.less
index f9eb97096..8bac4794d 100644
--- a/src/tab/index.less
+++ b/src/tab/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-tab {
   &__pane {
diff --git a/src/tabbar-item/index.less b/src/tabbar-item/index.less
index b3fdd1334..39a1eb523 100644
--- a/src/tabbar-item/index.less
+++ b/src/tabbar-item/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-tabbar-item {
   display: flex;
diff --git a/src/tabbar/index.less b/src/tabbar/index.less
index 20384af74..a5a8f39a6 100644
--- a/src/tabbar/index.less
+++ b/src/tabbar/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 @import '../style/mixins/safe-area.less';
 
 .van-tabbar {
diff --git a/src/tabs/index.less b/src/tabs/index.less
index 5199ceb22..81e07ad50 100644
--- a/src/tabs/index.less
+++ b/src/tabs/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-tab {
   position: relative;
diff --git a/src/tag/index.less b/src/tag/index.less
index e197edfac..7e7a5dce6 100644
--- a/src/tag/index.less
+++ b/src/tag/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-tag {
   position: relative;
diff --git a/src/toast/index.less b/src/toast/index.less
index 2664c8364..2f2e8e299 100644
--- a/src/toast/index.less
+++ b/src/toast/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-toast {
   display: flex;
diff --git a/src/tree-select/index.less b/src/tree-select/index.less
index c1195c5a1..202838a6c 100644
--- a/src/tree-select/index.less
+++ b/src/tree-select/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-tree-select {
   position: relative;
diff --git a/src/uploader/index.less b/src/uploader/index.less
index cd8922065..026340bcc 100644
--- a/src/uploader/index.less
+++ b/src/uploader/index.less
@@ -1,4 +1,4 @@
-@import '../style/var';
+@import '../style/var.less';
 
 .van-uploader {
   position: relative;