Nuxt2怎么使用scss

要在 Nuxt2 中使用 SCSS，你需要先安装相应的依赖包。可以使用以下命令进行安装：

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

安装完成后，你需要在 Nuxt2 的配置文件 `nuxt.config.js` 中进行相应的配置。在 `build` 配置项中添加以下内容：

build: {
  /*
  ** You can extend webpack config here
  */
  extend (config, ctx) {
    if (ctx.isDev && ctx.isClient) {
      config.module.rules.push({
        test: /\.scss$/,
        use: [
          'vue-style-loader',
          'css-loader',
          'sass-loader'
        ]
      })
    }
  }
}

这样就可以在 Nuxt2 项目中使用 SCSS 了。在组件中，你可以像使用 CSS 那样来使用 SCSS。

<template>
  <div class="example">
    <h1>{{ message }}</h1>
  </div>
</template>

<style lang="scss">
.example {
  h1 {
    color: red;
  }
}
</style>

希望这可以帮助到你。