如何解决禁用外部主题文件产生的 Dart SASS 警告
我的项目中包含一个第三方 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
}
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。