如何在Vue项目中配置并使用全局SCSS变量？

本文共计656个文字，预计阅读时间需要3分钟。

在编写项目的过程中，若使用的是SCSS来编写样式代码，通常需要定义各种变量，如主题色、主字体等。由于这些变量会被频繁使用，我们会将它们写入一个单独的_variable.scss文件中。但每次使用时，都需要在代码中引入这个文件。

　　在写项目的过程中，如果用的是scss来编写样式代码，常常需要定义各种变量，例如主题色、主字号之类的，因此我们会把这些变量写到一个单独的_variable.scss文件内，但是每次都要在vue单文件内引入这些变量未免太繁琐了，所以有没有办法可以默认把变量文件作为全局文件进行引入呢？答案是肯定的，可以用下面的方法进行配置，可以根据当前使用的框架和环境来进行方法的选择。