vue-cli cómo usar scss

1. Cree un nuevo proyecto basado en la plantilla del paquete web.

1 Instale vue-cli globalmente

$ npm install --global vue-cli

2. Cree un nuevo proyecto basado en la plantilla del paquete web

$ vue init webpack my-project

3 Instale las dependencias

$ cd. my-project

$ npm install

4. Para usar sass, necesitamos instalar las dependencias de sass

npm install --save-dev sass- loader

//sass-loader depende de node-sass

npm install --save-dev node-sass

5 Modifica la etiqueta de estilo

Abra src El archivo Hello.vue en el directorio del componente en el directorio.

Luego modifique la etiqueta de estilo de la siguiente manera: