El subprograma WeChat utiliza scss

1. Instale la extensión easy sass en vscode

Insertar descripción de la imagen aquí

2. Importe la extensión easy sass instalada por vscode en la herramienta de desarrollo WeChat

Insertar descripción de la imagen aquí

Insertar descripción de la imagen aquí

Una vez completada la instalación, se recargará la extensión.

Después de abrirla nuevamente, puedes ver que la extensión ya tiene fácil descaro.
Insertar descripción de la imagen aquí

3. Modificar la configuración sencilla y descarada

Después de recargar la extensión, la extensión está habilitada de forma predeterminada, pero la extensión convierte scss a css y min.css en lugar de wxss de forma predeterminada, por lo que se requieren algunas modificaciones.

Primero abra la configuración de la extensión.
Insertar descripción de la imagen aquí

Filtre la entrada Easysass: Formatsa la configuración exacta y abra el archivo de configuración
Insertar descripción de la imagen aquí

Puede ver que hay dos configuraciones por defecto, una es el .css de la vista expandida y la otra es el .min.css de la vista comprimida.
Insertar descripción de la imagen aquí

Simplemente modifícalo. Cuando usas scss, básicamente no necesitas modificar wxss, así que uso la vista comprimida aquí y luego cambio el sufijo a .wxss.
Insertar descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/sywdebug/article/details/132764358
Recomendado
Clasificación