如何在 Vite 中设置 sassOptions答案

【问题标题】：How to set sassOptions in Vite如何在 Vite 中设置 sassOptions
【发布时间】：2021-09-09 19:41:50
【问题描述】：

使用 webpack，我们可以像下面这样设置 sassOptions：

{
  loader: require.resolve('sass-loader'),
  options: {
    sassOptions: { quietDeps: true },
  },
}

按照vite document，我正在尝试配置如下：

  css: {
    preprocessorOptions: {
      scss: {
        sassOptions: { quietDeps: true },
      },
    },
  },

但这似乎不适合我。我需要的是在终端中隐藏第三方 sass deps 的警告消息。

【问题讨论】：

标签： sass vite

【解决方案1】：

你可以试试这个：

css: {
        preprocessorOptions: {
            scss: {
                quietDeps: true,
            },
        },
    }

【讨论】：

【解决方案2】：

要隐藏警告，请像这样更新您的vite.config.js：

export default defineConfig({
  css: {
    preprocessorOptions: {
      scss: {
        quietDeps: true
      }
    }
  }
})

【讨论】：