vue使用sass

本文主要是介绍vue使用sass，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

使用sass

1、下载

npm i sass node-sass sass-loader style-loader -D

2、在vue.config.js中配置 sass

css: {
    loaderOptions: {
        sass: {
            prependData: `@import "@/assets/css/_variable.scss";` //引入全局变量   

        }
    }

3、使用Sass的scss语法

<style lang="scss">
    $body-color:red;
    .body {
        color: $body-color;
    }
</style>

这篇关于vue使用sass的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！