Vue.js是一款流行的前端框架，它的主要特點是響應式和組件化。Less是一種CSS預處理器，可以方便地編寫樣式。在使用Vue.js開發項目時，我們經常需要使用Less來編寫樣式，但是在編寫樣式時，我們經常會遇到需要使用大量的路徑的問題，這不僅費時費力，而且容易出錯。為了解決這個問題，我們可以使用Less的alias功能。

@import "~@/styles/variables.less";
@import "~@/styles/mixins.less";

在上面的代碼中，我們使用了Less的alias功能。請注意，我們在導入樣式表時使用了"~"符號。這個符號告訴Less編譯器，這個路徑是一個別名，需要去配置文件中查找對應的路徑。在Vue.js的項目中，默認的alias映射如下：

{
'@': resolve('src'),
'assets': resolve('src/assets'),
'components': resolve('src/components'),
'views': resolve('src/views')
}

在上面的代碼中，"@"表示項目的根目錄，"assets"表示項目的assets目錄，"components"表示項目的components目錄，"views"表示項目的views目錄。我們可以在這個配置基礎之上，添加自己的alias：

{
'@': resolve('src'),
'assets': resolve('src/assets'),
'components': resolve('src/components'),
'views': resolve('src/views'),
'styles': resolve('src/assets/styles')
}

在上面的代碼中，我們添加了名為"styles"的alias，它指向項目的src/assets/styles目錄。這樣，我們就可以在Less中使用"@import '~styles/xxx.less'"來導入樣式表了。