Vue中的import語法允許我們在一個模塊中引入其他模塊，而使用別名則能夠讓我們以更短更方便的形式引用這些模塊。以常規的引用為例：

import SomeModule from '../modules/SomeModule';

這里我們使用相對路徑引入了一個名為SomeModule的模塊。但如果我們需要在更多的地方引用它，就需要不停地寫這一行代碼。使用別名可以讓我們避免這個問題，例如：

import SomeModule from '@modules/SomeModule';

這里我們使用了一個別名@modules，它指向了我們項目中的modules目錄。這樣我們就可以在其他地方通過@modules引用SomeModule了。

要使用別名，我們需要在Webpack的配置文件中添加一個resolve.alias屬性。Webpack會根據這個屬性設置別名，讓我們在代碼中直接使用別名。例如：

resolve: {
alias: {
'@modules': path.resolve(__dirname, 'src/modules')
}
}

這里我們設置了一個別名@modules，它指向了我們項目中的src/modules目錄。

使用別名的好處不僅是簡化了代碼，還能讓代碼更易于維護。比如，當我們需要修改某個模塊的路徑時，只需要修改一次別名的映射就可以了。