uniapp问题记录

1、提示Legacy JS API弃用警告

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

静默警告，不升级

// vue.config.js
module.exports = {
  css: {
    loaderOptions: {
      sass: {
        sassOptions: {
          silenceDeprecations: ['legacy-js-api']
          // 若使用 scss，可能需要写在 sass-loader 的 additionalData 或其他位置，取决于你的版本
        }
      },
      scss: {
        sassOptions: {
          silenceDeprecations: ['legacy-js-api']
        }
      }
    }
  }
}

// vite.config.ts 可以参考
// ... 你的原有导入保持不变

export default defineConfig({
    plugins: [uni(), weappTailwindcssDisabled ? undefined : vwt()],
    css: {
        // 新增 preprocessorOptions 用于 Sass 配置
        preprocessorOptions: {
            scss: {
                silenceDeprecations: ['legacy-js-api']
            },
            sass: {
                silenceDeprecations: ['legacy-js-api']
            }
        },
        postcss: {
            plugins: postcssPlugin
        }
    },
    base: './'
})

升级版本

检查并更新依赖 修改配置后检查修正失效的函数/导入器等

// vue.config.js
module.exports = {
  css: {
    loaderOptions: {
      sass: {
        implementation: require('sass'),
        api: 'modern' // 或 'modern-compiler'，强制使用现代 API
      }
    }
  }
}

2、提示Sass 的 @import 规则被弃用

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

静默警告，不升级

根据需要配置

// 同时静默旧 JS API 和 @import 弃用警告
silenceDeprecations: ['legacy-js-api', 'import']

升级版本Sass 3.0.0

升级版本，同时移除silenceDeprecations 中的 'import'