stylus怎么全局使用呢

来源：2-3 项目基础代码编写

那个少年长大了

2021-05-04

// 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

界面不显示图片

写回答

1回答

ustbhuangyi

2021-05-04

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

那个少年长大了

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

2021-05-04

共1条回复

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ，提升的不止是Vue代码能力

2223 学习 · 1002 问题

查看课程

相似问题

使用style运行报错

回答 1

Syntax Error: SassError: Undefined variable.

回答 2

全局引入样式报错

回答 1

less-loader传递选项

回答 1

怎么没有考虑使用vite

回答 1

打开慕课网App查看更多内容