将公司的项目项目升级sass版本的时候发现了项目警告

提示如下

Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

More info and automated migrator: https://sass-lang.com/d/import

0

官方提示了，使用新的引入方式 @use，如下已经不让使用 @import 引入方式了

在vite里面修改下配置文件即可

# 
 css: {
    preprocessorOptions: {
      scss: {
        // additionalData: `@import "./node_modules/swiper/swiper.scss";`,
        additionalData: `@use "./node_modules/swiper/swiper.scss";`,
      },
    },
  }