问题描述
我的项目中包含一个第三方 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
}
}
}
}
}
解决方法
请参阅以下问题: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 中可用。
对于任何正在寻找 Encore 配置的人
Encore.enableSassLoader((options) => {
options.sassOptions = {
quietDeps: true,// disable warning msg
}
})