Ahora intento usar vite para crear una aplicación vue . Pero tiene problemas para importar globalmente un archivo de stylus en vite.config.js .

Intento el código de vite docs.

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

Pero no es completamente trabajo.

Obtuve una solución para establecer un estilo global desde github.

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

Funciona bien, pero ¿cómo importar un archivo de estilo globalmente? Traté de agregar 'datos adicionales' a la configuración viable. Sin embargo, recibí un montón de errores: 'no se pudo localizar el archivo'. Parece que intenta importar el archivo en cada archivo .vue, pero tiene problemas para localizar el archivo.

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

¿Tienes alguna idea sobre esto?