【前端警告】关于Vue项目使用scss 终端发出警告

文章目录

• 前言
• 一、为什么会出现这个警告？
• 二、解决方法

  ---

  前言

  

  Vite运行Vue项目终端发出警告：The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

  一、为什么会出现这个警告？

  出现这个警告主要是因为在项目里使用了 Dart Sass 旧版的 JavaScript API，而这些旧版 API 已经被标记为弃用，后续版本会将其移除

  二、解决方法

  vite.config.ts文件添加以下代码

  export default defineConfig({
    css:{
      preprocessorOptions:{
        scss:{
          api:"modern-compiler"
          // 或者
          // silenceDeprecations: ['legacy-js-api']
        }
      }
    }
  })