Static GitHub Issues

[648] Importing file in style increases build time drasticaly

prev: Access response to set cookie on server-side
next: How to pass data to layout from index.vue?

I'm new to vue and nuxt so please forgive me if I'm got it wrong. I need the $theme override variable form vuetify in my component ( used in a layout ). I separated this variable in it's own file ('css/theme.style') so I don't load the whole theme. I did this:

<style lang="styl">
     @require "../css/theme.style"
     /*
        $theme := {
           primary:#ff7752   
       }
    */
     .my-class{
         background-color: rgba($theme.primary, 0.5);
     }
</style>

The build time for this piece of code is 7550ms. If I comment the require line and uncomment the $theme assignment, build time is around 40ms. Is it wrong to require variables in components? Is there another decent way to achieve this? Thank you for your time.

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c567">#c567</a>)</em></sub></div>