Estoy trabajando en un proyecto de Vuejs y me gustaría importar archivos ".scss" dinámicamente durante la secuencia de comandos. por ejemplo, me gustaría importar "assets/sass/style.scss" en la etiqueta de estilo sin escribir ningún código en la etiqueta de estilo. Me gustaría manejarlo en la sección de scripts.
verifique los siguientes códigos:
<style lang="scss"> @import "assets/sass/plugins"; @import "assets/sass/style"; //@import "assets/sass/plugins.dark"; //@import "assets/sass/style.dark"; </style>Estos estilos se relacionan con el modo oscuro y el modo claro. a veces necesito usar luz ya veces oscuridad y no puedo usar ambas al mismo tiempo. por lo que necesita script wtite para hacer esto.
Intente envolver las importaciones de CSS en una clase:
<style lang="scss"> .light { @import "assets/sass/plugins"; @import "assets/sass/style"; } .dark { @import "assets/sass/plugins.dark"; @import "assets/sass/style.dark"; } </style>Y luego use el enlace de clase para esa clase:
<div :class="isDark ? 'dark': 'light'"> ... </div>