如何在 Vite 中设置 sassOptions

Posted 2023-03-06

【中文标题】如何在 Vite 中设置 sassOptions

【英文标题】：How to set sassOptions in Vite

【发布时间】：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 的警告消息。

【问题讨论】：

您找到解决方案了吗？我在这里得到了ReferenceErrror: scss is not defined。

目前还没有。我也在 GitHub 上问过，但没有回复...

【参考方案1】：

你可以试试这个：

css: 
        preprocessorOptions: 
            scss: 
                quietDeps: true,
            ,
        ,
    

【讨论】：

请在您的回答中提供更多详细信息。正如目前所写的那样，很难理解您的解决方案。

【参考方案2】：

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

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