在 Nuxt 中使用 additionalData 将 var 注入触控笔

如何解决在 Nuxt 中使用 additionalData 将 var 注入触控笔

我正在尝试添加一些要在触控笔中使用的变量。 这是我在 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 my self ，那么它就可以正常工作。

这不是正确的做法吗？

谢谢！