处理Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.警告

最近是不是都看到过这样的警告？

Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.  

对于有强迫症的，看到这一片肯定很烦。

咋回事呢？

原来 Sass 有个重大变更：

Dart Sass 最初使用的 API 基于 Node Sass，但在 Dart Sass 1.45.0 中将其替换为新的现代 API。旧版 JS API 现已弃用，并将在 Dart Sass 2.0.0 中被删除。

详情：请看 Sass 官方文档

---

如何处理呢？

简单，在 vite.config.js 文件中加上一些配置，如下：

export default defineConfig({  
  css: {  
    preprocessorOptions: {  
      scss: {  
        api: 'modern-compiler'  
      }  
    },  
  },  
  ...  
})