how to use sass ?
Estimated reading time: 1 minutehow 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: []
}
}