vue-cli 3.0配置webpack目录别名alias

参考：
https://www.jianshu.com/p/e4716e5bc8bb

但实际编码过程中发现，配置了仍然出错。

解决方法如下：

在js中，webpack对路径进行处理时，自动将没有路径标识（/ ，./，../）的第一个文件夹名当做webpack别名处理。如，第一个文件夹名为components，那么webpack会自动在alias中搜索有没有对应的别名，如果有，则直接替换路径；没有则报错。

在css中，webpack正常情况下，不会对路径进行处理。如果你想让webpack对路径进行处理，那么，

可以在路径前标识~，如下：

@import "~common/stylus/variable"

@import "~common/stylus/mixin"

相当于通过添加~表示common是webpack别名而不是表示一个文件夹名。