vue全局引入sass样式

205 阅读1分钟

一、sass如何安装就不讲了,命令行创建项目有sass选择。首先在src下新建全局style文件

image.png

二、写入自己想定义的全局变量

image.png

三、在项目文件下的vue.config.js里添加如下配置,如何没有这个文件,自己新建一个。配置完后重启项目,即可在全局使用了哦

image.png

image.png

四、报错与异常

报错1: options has an unknown property ‘additionalData’

报错2:options has an unknown property ‘data’

报错3:options has an unknown property ‘prependData’

这个additionalDatasass版本不同字段也是不同的, 如果没对应好会报错

image.png

选择自己对应版本的,package.json文件中查看自己的sass版本

image.png