NuxtJS: Instalar SASS

Pasos para poder usar SASS en nuestro proyecto nuxt.

1.) Instalamos la librerias node-sass y sass-loader:

npm install --save-dev node-sass sass-loader

Ahora ya podemos usar scss en nuestro proyecto.

2.a) Podemos agregar los estilos individualmente en nuestros layouts de vue de la siguiente forma:

<style lang="scss">
.mi-clase {
  background: red;
}

2.b) Y también podemos crear archivos scss de forma global, y que se compilen automáticamente al guardar…

Basta con crear el archivo .scss dentro del directorio /assets y a continuación abrimos nuestro nuxt.config.js para agregarlo de la siguiente forma dentro del array css:

  css: [
    '@/assets/css/main.scss'
  ]