怎么在uni app vue3中使用scss

在 uni app vue3 中使用 scss，可以按照以下步骤：

1. 安装 sass 和 sass-loader

npm install sass sass-loader --save-dev

2. 在 vue.config.js 中配置 scss-loader

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        implementation: require('sass'),
        sassOptions: {
          fiber: require('fibers'),
          indentedSyntax: true // 如果使用的是 sass 语法，需要设置为 true
        },
      },
      scss: {
        implementation: require('sass'),
        sassOptions: {
          fiber: require('fibers')
        },
      },
    },
  },
};

3. 在组件中引入 scss 文件

<style lang="scss">
  /* your scss code here */
</style>

注意：scss 文件中的变量、混合等需要在使用前声明。

参考文档：https://uniapp.dcloud.io/collocation/vue-plugin?id=%e4%bd%bf%e7%94%a8-sass-scss