引言：
众所周知，使用sass书写样式是非常方便的。在写用sass写样式的时候，多个地方用到的同样的样式，如果一个个的写，那可能就太麻烦了，因此，我们经常会定义全局变量，或者mixin函数。但是在webpack构建的项目中，对于这些定义有mixin函数和全局变量的sass文件是无法直接在main.js文件直接通过import导入的。但是如果每个用到的组件都单独引入一次还是会太麻烦，因此我们就需要用到一个模块加载器 - sass-resources-loader 了。
使用步骤：
1，npm下载模块
npm install sass-resources-loader -d
2, 在webpack中进行配置
在build文件夹目录下找到utils.js文件，在该文件中找到exports.cssLoaders方法，在该方法中加入以下代码：
image.png
然后，找到exports.cssLoaders方法return内容，将其替换为：
image.png
3，配置完成之后，重新npm run dev运行一下，就可以在main.js中全局引入sass文件了。
image.png
