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

lev***

在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';删除也不影响效果
以上路径均无问题，是我对全局引用的理解错了还是哪里写错了，求教！！

56***

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

淡***

+1, 我也是这样

一陆***

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

VO***

你们解决了？

m5365***

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

已有账号？

找人解决需求

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

全部参与5

热门问答

lev***

今日需求悬赏

今日问答求助

发布任务需求已有1031168位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端