외부 테마 파일에 의해 생성되는 Dart SAS 경고 비활성화

외부 테마 파일에 의해 생성되는 Dart SAS 경고 비활성화

제 프로젝트에 포함된 서드파티 SCSS 파일이 있으며, 그 결과 Dart SAS에 경고 목록이 많이 표시됩니다.서드파티제의 경고를 무효로 하려면 어떻게 해야 합니까?

다트 SCSS와 함께 Vue를 사용하고 있습니다.Dart에는 quiet Deps 옵션이 있는데, 제대로 사용하고 있는지 잘 모르겠습니다.

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

https://github.com/webpack-contrib/sass-loader/issues/954 및 https://github.com/sass/sass/issues/3065 문제를 참조하십시오.

그quietDeps옵션은 아직 Node.js API에 노출되지 않았습니다.

그 사이에 너무 많은 변경 없이 sass 1.32로 다운그레이드 할 수 있습니다.

편집: 현재 다음 사이트에서 이용 가능합니다.sass1.35.1.

NuxtJ의 경우 이를 nuxt.config.js에 추가합니다.

  build: {
    loaders: {
      scss: {
        sassOptions: {
          quietDeps: true
        }
      }
    }
  }

Encor 구성을 원하는 사용자용

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

언급URL : https://stackoverflow.com/questions/67812380/disable-dart-sass-warnings-produced-by-external-theme-file