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>