vue 全局引用了stylus,为什么在子组件中还要再引用一次?
在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';删除也不影响效果
以上路径均无问题,是我对全局引用的理解错了还是哪里写错了,求教!! |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
推测是stylus文件会在入口就被解析成CSS, 但是mixin里那种特有的函数式写法无法被解析 |
|
|
|
|