怎么在uni app 中使用scss

要在uni-app中使用scss，需要遵循以下步骤：

1. 安装sass-loader和node-sass

在项目根目录下打开终端或命令行，执行以下命令：

npm install sass-loader node-sass --save-dev

2. 创建scss文件并导入

在项目中创建一个scss文件，例如style.scss，然后在需要使用scss样式的vue文件中导入该文件。例如，在App.vue中导入style.scss：

<style lang="scss">
@import "@/style.scss";
</style>

3. 编写scss样式

现在，您可以在style.scss中编写任何scss样式。例如：

$primary-color: #008080;

.button {
  background-color: $primary-color;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
}

4. 编译scss样式

最后，在项目根目录下的vue.config.js文件中，添加以下代码：

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import "@/style.scss";`
      }
    }
  }
}

这将告诉uni-app编译器，在编译vue组件时将style.scss文件编译成css，并将其添加到style标签中。

现在，您已经可以在uni-app中使用scss了！