Cuando creé el proyecto con 2.0 hoy, no pude usar scss y seguí informando errores ............ Regístrelo
para evitar pisar el agujero la próxima vez
1. Instalar dependencias
El proyecto de paquete web de vue necesita instalar node-sass, sass-loader y style-loader, así que en el proyecto, ejecútalo de nuevo:
npm i node-sass sass-loader style-loader -D
Después de ejecutar el comando anterior, verá el número de versión correspondiente en la propiedad "devDependencies" en el archivo package.json.
2. Configurar cargador
Busque el archivo webpack.base.conf.js en el directorio de compilación del proyecto. Agregue un cargador que explique el archivo scss a module.rules en el archivo module.export. El método específico es agregar un objeto a la matriz. El contenido del objeto es el siguiente
{
test: /\.scss$/,
loader: 'sass-loader!style-loader!css-loader',
}
3. Especifique el idioma como scss
Agregue lang = "scss" a la etiqueta de estilo del archivo .vue y escríbalo de la siguiente manera:
<style lang="scss" scoped>
</style>
A través de los pasos anteriores, puede usar sass en el proyecto.
emm Seguí este procedimiento N veces y aun así reporté un error. La solución final:
mira nuestro archivo package.json , la sass-loaderdescarga es la última versión, esto no es posible.
Especificamos la versión de descarga:
npm i [email protected] -S
Después de la descarga, reinicie el proyecto para usar SCSS normalmente. !
Si no ha tenido éxito, deje un mensaje y lo resolveremos juntos.