Estoy tratando de suprimir algunas advertencias de compilación de FontAwesome Sass que obviamente no se pueden solucionar de mi parte de esta manera:
config.ignoreWarnings = [ { file: /_bootstrap\.scss$/i } ] Pero las advertencias no se ignoran ni se suprimen. ¿Quizás ignoreWarnings no suprima las advertencias de compilación? Independientemente, ¿cómo se pueden ignorar las advertencias generadas al compilar este archivo Sass?
Advertencias generadas
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div(20em, 16) More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 12 │ $fa-fw-width: (20em / 16); │ ^^^^^^^^^ ╵ node_modules\@fortawesome\fontawesome-free\scss\_variables.scss 12:25 @import node_modules\@fortawesome\fontawesome-free\scss\fontawesome.scss 5:9 @import assets\styles\_bootstrap.scss 4:9 @import assets\styles\app.scss 1:9 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div(4em, 3) More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 6 │ font-size: (4em / 3); │ ^^^^^^^ ╵ node_modules\@fortawesome\fontawesome-free\scss\_larger.scss 6:15 @import node_modules\@fortawesome\fontawesome-free\scss\fontawesome.scss 8:9 @import assets\styles\_bootstrap.scss 4:9 @import assets\styles\app.scss 1:9 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div(3em, 4) More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 7 │ line-height: (3em / 4); │ ^^^^^^^ ╵ node_modules\@fortawesome\fontawesome-free\scss\_larger.scss 7:17 @import node_modules\@fortawesome\fontawesome-free\scss\fontawesome.scss 8:9 @import assets\styles\_bootstrap.scss 4:9 @import assets\styles\app.scss 1:9 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($fa-li-width * 5, 4) More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 6 │ margin-left: $fa-li-width * 5/4; │ ^^^^^^^^^^^^^^^^^^ ╵ node_modules\@fortawesome\fontawesome-free\scss\_list.scss 6:16 @import node_modules\@fortawesome\fontawesome-free\scss\fontawesome.scss 10:9 @import assets\styles\_bootstrap.scss 4:9 @import assets\styles\app.scss 1:9 root stylesheet DONE Compiled successfully in 7725msEn mi caso, usar file regex no funcionó, lo arreglé usando el module regex en su lugar
No funciona
ignoreWarnings: [ { file: /path\/to\/file\/style.scss$/, message: /the warning/, }, ],Laboral
ignoreWarnings: [ { module: /path\/to\/file\/style.scss$/, message: /the warning/, }, ],Prueba lo siguiente,
ignoreWarnings: [ { file: /file_name/, message: /your warning message that need to be suppressed/, }, (warning, compilation) => true ]Referencia: https://webpack.js.org/configuration/