Single File Components (Vue 2)
Plans from $25/month

This lesson is for members. Join us?

Subscribe now and get immediate access to this course, 30 more and all future Vue.js courses!

🚧 NOTICE: You are watching a Vue.js 2 lesson

Using CSS Pre-Processors with Single File Components

Vue-cli makes it very easy for us to use pre-processors like Pug, Less, Stylus, or Sass with our Single File Components.

In this lesson, we’ll learn how to use SCSS (Sassy CSS) in our Single File Components.

Install sass-loader and node-sass

yarn add sass-loader node-sass
# OR
npm install sass-loader node-sass

Remember to restart your development server after installing new node modules

yarn serve
# OR
npm run serve