bootstrap 引用scss 废弃方法显示告警如何去掉

Bootstrap引用SCSS时，如果使用的是旧版本的Sass引入方法，可能会出现废弃警告。这是因为Bootstrap官方推荐使用其提供的预处理器变量(`_variables.scss`)而不是直接引入整个`.scss`文件。要去掉这些废弃警告，可以按照以下步骤操作：

1. **更新Bootstrap**：确保你使用的Bootstrap版本支持SCSS，并且推荐的引入方式已被更新。

2. **引用变量**：在你的`.scss`文件中，导入`bootstrap/scss/_variables.scss`，然后基于这些变量自定义样式，而不是引入整个框架文件：

   @import 'bootstrap/scss/_variables';
   
   $primary-color: map-get($colors, primary);
   // 使用$primary-color变量代替直接使用 Bootstrap 颜色

   body {
     background-color: $primary-color;
   }

3. **设置Sass忽略警告**：如果你无法立即更改代码结构，可以在Sass编译时选择忽略特定的警告。但这并不是长期解决方案，因为这会掩盖潜在的问题。大部分现代IDE或构建工具都提供配置选项来处理这类警告。

4. **逐步迁移**：在项目中逐步更新代码，逐步从直接引用样式文件过渡到使用Bootstrap变量。

记住，始终尽量跟随最佳实践，这样可以帮助保持项目的兼容性和未来升级的便利性。