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

我也很疑惑這個問題啊