现在我尝试使用vite创建一个vue应用程序。但是在vite.config.js中全局导入一个stylus文件时遇到了麻烦。
我试了一下vite docs的代码。

export default defineConfig({
  css: {
    preprocessorOptions: {
      styl: {
        additionalData: `@import "./src/assets/styles/common.styl"`
      }
    }
  }
})

但这完全行不通。
我从github得到了一个设置全局样式的解决方案。

export default defineConfig({
  css: {
    preprocessorOptions: {
      stylus: {
        globals: {
          '$highlight-color': 'red'
        }
      }
    }
  }
})

它的工作正常，但如何导入一个样式文件globaly？我试图添加'additionalData'到可使用的配置.然而，我得到了一堆错误：'找不到档案'。似乎尝试在每个.vue档案中汇入档案，但找不到档案。

css: {
    preprocessorOptions: {
      stylus: {
        additionalData: `@import "./src/assets/styles/common.styl";`,
        globals: {
          '$color-g1': '#F3F4FC',
          '$color-white': '#FFFFFF',
        }
      }
    }
  }

有什么想法吗？