大致思路是，通過在工程目錄下增加一個webpack.config.js來對roadhog的webpack配置進行擴展。給resolve配置的extensions添加.less文件后綴，使其能夠處理.less文件的引用。
默認情況下，less-loader在給出了paths配置的情況下，不會使用webpack resolver進行文件解析。因此，別名配置在該情況下無效。

實際解決方案：
在roadhog配置.webpackrc.js中：

alias: {
    '@': path.resolve('./src'),
    assets: path.resolve('./public/assets/'),
},

在webpack.config.js中：

module.exports = function(webpackConfig, env) {
  webpackConfig.resolve.extensions.push('.less');

  return webpackConfig;
};

在項目任意位置的.less文件：

// 能夠引入工程目錄下的./src/styles/vars.less文件
@import '~@/styles/vars';