禁用外部主题文件产生的DartSASS警告
我在我的项目中包含了一个第三方 SCSS 文件,因此 Dart SASS 显示了一长串警告。如何禁用第三方包含的警告?
我正在使用带有 Dart SCSS 的 Vue。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
}
}
}
}
}
回答
请参阅以下问题: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 中可用。
- 它现在正在工作,因为它暴露了。我正在使用 1.35.1 `sassOptions: {quietDeps: true}`