LaravelLaravel & VueJsVueJs

Using SASS/SCSS with Vue.js 2



If you are interested how to implement SASS/SCSS files in our Vue.js application read this tutorial by @mahesh.ks.

In Vue.js you can have CSS styles applied by using a style block in .vue files and limit them to the scope of that file:

*.vuefile

<style scoped>
.msg{
   color:'red'
}
</style>

Using npm packages like sass-loader, node-sass and style-loader via webpack, we can implement SASS/SCSS in Vue applications. Going that way we can import scss files in the style block, allowing use of separate files.

Read more about SASS/SCSS files, loaders and implemention here.

Source link


★ READ ALSO ★  What Laravel 5.5 means for our packages

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Close