Tengo un archivo SCSS de un tercero que estoy incluyendo en mi proyecto y, como resultado, Dart SASS muestra una larga lista de advertencias. ¿Cómo puedo deshabilitar las advertencias para las inclusiones de terceros?
Estoy usando Vue con Dart SCSS. Dart tiene una opción quietDeps, pero no estoy seguro de si la estoy usando de la manera correcta.
// _common.scss // Line below causes warnings to be displayed. @import "~@progress/kendo-theme-default/dist/all"; // ... // Vue.config.js module.exports = { // ... css: { loaderOptions: { sass: { prependData: '@import "~@/styles/common";', sassOptions: { quietDeps: true } } } } }Consulte los siguientes problemas: https://github.com/webpack-contrib/sass-loader/issues/954 y https://github.com/sass/sass/issues/3065 .
La opción quietDeps aún no está expuesta a la API de Node.js.
Mientras tanto, puede cambiar a Sass 1.32 sin demasiados cambios.
EDITAR: ahora está disponible en sass 1.35.1.
Para cualquiera que busque la configuración de Encore
Encore.enableSassLoader((options) => { options.sassOptions = { quietDeps: true, // disable warning msg } })Para NuxtJS agregue esto a nuxt.config.js
build: { loaders: { scss: { sassOptions: { quietDeps: true } } } }