.vue文件中 使用@import 来导入样式的路径问题

比如如下场景：

<style lang="less" scoped>
  @import '~@/styles/theme/variables.less';
  .pagination {
    float: right;
  }
</style>

@代表webpack的src目录，可以不用相对路径，否则要写很长，也写的累

CSS loader 会把把非根路径的url解释为相对路径， 加~前缀才会解释成模块路径