禁用外部主题文件产生的 Dart SASS 警告

Posted

技术标签:

【中文标题】禁用外部主题文件产生的 Dart SASS 警告【英文标题】:Disable Dart SASS Warnings Produced By External Theme File 【发布时间】:2021-08-21 00:59:06 【问题描述】:

我的项目中包含了一个第三方 SCSS 文件,因此 Dart SASS 会显示一长串警告。如何禁用第三方包含的警告?

我正在使用 Vue 和 Dart SCSS。 Dart 有一个 quietDeps 选项,但我不确定我是否以正确的方式使用它。

// _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
        
      
    
  

【问题讨论】:

【参考方案1】:

查看以下问题:https://github.com/webpack-contrib/sass-loader/issues/954 和 https://github.com/sass/sass/issues/3065。

quietDeps 选项尚未向 Node.js API 公开。

与此同时,您可以降级到 sass 1.32,而无需进行太多更改。

编辑:它现在在sass 1.35.1 中可用。

【讨论】:

它现在可以正常工作了。我正在使用 1.35.1 sassOptions: quietDeps: true【参考方案2】:

对于 NuxtJS,将其添加到 nuxt.config.js

  build: 
    loaders: 
      scss: 
        sassOptions: 
          quietDeps: true
        
      
    
  

【讨论】:

【参考方案3】:

对于任何寻找 Encore 配置的人

Encore.enableSassLoader((options) => 
  options.sassOptions = 
    quietDeps: true, // disable warning msg
  
)

【讨论】:

以上是关于禁用外部主题文件产生的 Dart SASS 警告的主要内容,如果未能解决你的问题,请参考以下文章

Visual Studio 禁用特定目录中文件的警告

使用 dart sass 实现,grunt-sass 不编译 css 文件而不抛出错误

dart-sass与node-sass的区别以及使用dart-sass可能会出现的问题

使用Element-UI 之乱码问题

颤振中的亮/暗模式

禁用 SASS 上的地图文件