我的项目中包含了一个第三方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/954https://github.com/sass/sass/issues/3065.

quietDeps选项尚未向 node 公开.js API.

同时,您可以降级到sass 1.32,无需进行太多更改.

编辑:现在有sass 1.35.1版本.

Vue.js相关问答推荐

在Vue 2中,是否可能在不创建组件的情况下注入代码块?

:deep() 带有嵌套 scss 规则的语法

Vuetify/Nuxt 生产环境组件在开发环境中无法正常工作

vite - 具有相对assets资源 路径的子页面

使用 Nuxt 动态获取文件夹中的图像路径

webpack vue-loader 配置

Vue + Webpack 构建显示空白页面

指定一个 vue-cli vue.config.js 位置

使用数组元素的计算(computed)属性

Vuejs中的条件a href

如何只查看数组中的一个对象?

vuejs中通过变量动态调用方法

为什么我在 vue.js 中得到避免使用 JavaScript 一元运算符作为属性名称?

在Vue.js中从父组件执行子方法

Nuxt 应用程序在刷新动态路由时返回 404(Tomcat 服务器)

如何将 Angular 和 Vue 项目合并在一起?

无法访问函数内的数据属性

Vue Cli 3:定义的输出路径

如何使用 Vuetify 验证复选框组

在 Vue 单元测试中单击按钮时触发表单提交