how to use sass ?

Estimated reading time: 1 minute

how to use sass ?

# npm
npm i --save-dev node-sass sass-loader
# or yarn
yarn add node-sass sass-loader -D

assets directory sass

<style lang="scss">
@import "~/assets/scss/main.scss";
.navbar {
  background-color: $background-color;
}
</style>

style-resources-module

export default {
  modules: [
    '@nuxtjs/style-resources',
  ],

  styleResources: {
   // your settings here
   sass: [], // alternative: scss
   less: [],
   stylus: []
  }
}