stylus怎么全局使用呢

Question

// vue.config.js
module.exports = {
  css: {
    loaderOptions: {
      stylus: {
        additionalData: `
          @import "@/assets/stylus/variable.styl";
          @import "@/assets/stylus/mixin.styl";
        `
      }
    }
  }
}

  .icon
    display inline-block
    vertical-align top
    margin-top 6px
    width 30px
    height 32px
    margin-right 9px
    bg-image('logo')    // 这里是这样使用吗
    background-size 30px 32px

界面不显示图片

Answer 1

ustbhuangyi 2021-05-04 12:15:27

stylus 显然不是这个语法呀，建议网上搜索一下

• 提问者 那个少年长大了 #1

  module.exports = {
    // 全局使用stylus
    css: {
      loaderOptions: {
        stylus: {
          import:['~@/assets/stylus/variable.styl','~@/assets/stylus/mixin.styl']
        }
      }
    }
  }
  
  这样配置可以实现，但是我不明白~@ 是什么意思？