Cómo configurar el uso de scss en webpack vue.js
vue proporciona una plantilla de paquete web de inicialización mediante vue-loader.
vue-loader solo admite sass de forma predeterminada, por lo que si desea utilizar scss, debe instalar
module.exports = {
configuración de vue.js archivo
módulo.exportaciones = {
vue:{
cargadores:{
scss:['vue-style-loader' ,' css', 'sass'].join('!')
},
}
}
y luego en la plantilla de formato .vue, agregue lang='scss' en la etiqueta de estilo.