Red de conocimiento informático - Material del sitio web - Cómo configurar el uso de scss en webpack vue.js

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.