最近使用webpack-cli官方模板构建vue项目的时候，发现在vue文件中直接使用@import + alias的方案不可行了，之前的解决方案都是使用~@的方式，但是最近发现这种方法不可行了，后来发现是因为使用了postcss-import导致的，postcss-import并不会直接去识别~@，然后就去查阅了相关的文档，最终废了老半天的功夫找到了一种解决方案：

这里直接在.postcssrc.js中的postcss-import插件进行上图的设置，具体的原理就是在解析每个’@pages’的时候，将@pages转换成对应的完整路径

当然如果有更好的解决方案的话，可以分享出来，一起学习，哈哈