vue 全局引用了stylus，为什么在子组件中还要再引用一次？

Question

在main.js中， 全局引用index.styl    import 'common/stylus/index.styl';index.styl中引用了几个stylus，包括mixin.styl    @import "./mixin"    @import "./icon"    @import "./base"但是在组件App.vue中，还是要引用一遍stylus文件    @import "./common/stylus/mixin.styl"    mixin.styl中定义了        border-1px($color)              position: relative              &:after                position: absolute                display: block                left: 0                bottom: 0                width: 100%                border-top: 1px solid $color                content: ' '把main.js的import 'common/stylus/index.styl';删除也不影响效果以上路径均无问题，是我对全局引用的理解错了还是哪里写错了，求教！！

Answer 1

推测是stylus文件会在入口就被解析成CSS, 但是mixin里那种特有的函数式写法无法被解析

Answer 2

+1, 我也是这样

Answer 3

遇到同样的现象，有没有全局引用的方法？？？

Answer 4

你们解决了？

Answer 5

请问这个问题解决了吗？之哪里出现错误？求助

Answer 6

有没有全局引用的方法

Answer 7

我也很疑惑這個問題啊