stylus global import not work!

i use stylus ,

min.styl
$main-color = #000000

App.vue
  @import "../assets/min.styl"

Holle.vue
  .button
      $main-color

holle.vue can’t find $main-color what can i do

[tamm]

I just wanted to leave a note to say @sky790312 's comment above helped me figure this out.

My vue.config.js which works

// vue.config.js
var path = require('path');
module.exports = {
  css: {
    loaderOptions: {
      stylus: {
        import: [path.resolve(__dirname, "src/stylus/variables")]
      }
    }
  }
};

[tomderudder]

How to import once