之前不怎么用sass

如上，过告处平时项目中基本是什坑用原生css。

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 ╷ 2 │ @import ./variables.scss; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^

大概意思就是，@import过期了，什坑这个不能用了。过告处

让我们换种方式，什坑那果断就换。过告处

官方提供的什坑地址显示，从Sass 1.80.0开始弃用。过告处

所以，方案有两个：1. 版本回退到1.80.0之前；2. 修改为新语法。源码下载

新语法的两种情况

新语法也很简单，就是把@import换成@use。

如果引用了里面的变量，就换成：

@use "./variables.scss" as variable;

然后变量的地方增加命名空间前缀：

@each $key, $value in variable.$flex-ai { .ai-# { align-items: $value; } }

如果没有引用变量，则可以直接修改为：

@use @/assets/scss/index.scss;

重启项目，就不会提示警告了。

网站模板

(责任编辑：域名)