use scss in vue js code example

Example 1: vue scss

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

Example 2: vue.js use scss in balise style

// in terminal
// If you use npm
npm install sass-loader node-sass --save-dev
// If you use yarn 
yarn add sass-loader node-sass

// In your component
<style lang="scss">
  // ...
</style>

Example 3: vue js sass

# /!\ if you work with [email protected], it seems [email protected] doesn't work
# So, in terminal:
yarn add node-sass [email protected]

Example 4: vue add sass

<!--
# Run this command in the root dir of your vue project:
npm i sass-loader node-sass style-loader
-->

<!-- And later in your vue component -->
<style lang="sass">
/* Your sass code */
</style>

Tags:

Html Example