Nuxt.js 在Nuxt中使用附加数据将var注入手写笔

Nuxt.js 在Nuxt中使用附加数据将var注入手写笔,nuxt.js,stylus,stylus-loader,Nuxt.js,Stylus,Stylus Loader,我正在尝试添加一些在手写笔中使用的变量。 这是我在nuxt.config.js中的构建 build: { loaders: { stylus: { additionalData: `$myred: #000FFF`, }, }, 当我使用它时,它破坏了我的身材。它正确地添加了var,但就在它之后,我得到了一个错误: 1| $myred: #000FFF 2| @import '~/assets/style/font.styl' ------

我正在尝试添加一些在手写笔中使用的变量。 这是我在nuxt.config.js中的构建

build: {
    loaders: {
     stylus: {
       additionalData: `$myred: #000FFF`,
     },
   },
当我使用它时,它破坏了我的身材。它正确地添加了var,但就在它之后,我得到了一个错误:

1| $myred: #000FFF
   2| @import '~/assets/style/font.styl'
--------------^
   3| @import '~/assets/style/var.styl'
   4| @import '~/assets/style/transition.styl'
   5| @import '~/assets/style/layout.styl'

expected "indent", got "import"
但是如果像additionalData一样,在主触控笔文件的顶部有与我自己相同的var,那么它就可以正常工作

这不是正确的方法吗

谢谢