vite怎么配置全局stylus变量?

新手上路,请多包涵

项目背景:vite + vue3 + js + stylus + element-plus

按照vite官网教程配置了css.preprocessorOptions.styl
image.png
也在相应的styl文件配置了css变量
image.png
在组件中调用了相应的css变量
image.png
重载项目后,始终发现css变量不生效
image.png

另外,我尝试过scss的全局变量是成功的,就是stylus的全局变量配置不成功!!!

阅读 5.3k
1 个回答
import path from 'path'

// ...
stylus: {
    imports: [path.resolve(__dirname, 'src/public/stylus/mixins.styl')]
}

我这样写在项目中是有效的,建议可以尝试一下

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题