Webpack：抑制来自特定文件的警告答案

【问题标题】：Webpack: Suppressing warnings from a specific fileWebpack：抑制来自特定文件的警告
【发布时间】：2021-10-25 21:56:43
【问题描述】：

我正在尝试抑制一些 FontAwesome Sass 编译警告，这些警告显然无法像这样从我的最终修复：

config.ignoreWarnings = [
  {
    file: /_bootstrap\.scss$/i
  }
]

但警告不会被忽略或抑制。也许ignoreWarnings 不会抑制编译警告？无论如何，如何忽略编译这个 Sass 文件产生的警告？

生成的警告

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 7725ms

【问题讨论】：

这能回答你的问题吗？ how do i solve the deprecation warning while compiling
@deechris27 不，它没有。我不想禁止所有警告，只禁止此文件中的警告。
@deechris27 我还测试了该方法以查看警告是否会被静音而不会。

标签： javascript webpack compiler-warnings suppress-warnings webpack-5

【解决方案1】：

试试下面，

ignoreWarnings: [
      {
        file: /file_name/,
        message: /your warning message that need to be suppressed/,
      },
      (warning, compilation) => true
    ]

参考：https://webpack.js.org/configuration/

【讨论】：

这在 atm 不起作用。我已将我试图忽略的警告添加到原始帖子中，目前正在执行您的建议，如下所示：config.ignoreWarnings = [{ file: /_bootstrap.scss$/, message: /^DEPRECATION WARNING/, }, (warning, compilation) => true]