引言：
眾所周知咙好，使用sass書(shū)寫(xiě)樣式是非常方便的。在寫(xiě)用sass寫(xiě)樣式的時(shí)候褐荷，多個(gè)地方用到的同樣的樣式勾效，如果一個(gè)個(gè)的寫(xiě)，那可能就太麻煩了叛甫，因此层宫，我們經(jīng)常會(huì)定義全局變量，或者mixin函數(shù)其监。但是在webpack構(gòu)建的項(xiàng)目中萌腿，對(duì)于這些定義有mixin函數(shù)和全局變量的sass文件是無(wú)法直接在main.js文件直接通過(guò)import導(dǎo)入的。但是如果每個(gè)用到的組件都單獨(dú)引入一次還是會(huì)太麻煩抖苦，因此我們就需要用到一個(gè)模塊加載器 - sass-resources-loader 了毁菱。
使用步驟：
1米死，npm下載模塊
npm install sass-resources-loader -d
2, 在webpack中進(jìn)行配置
在build文件夾目錄下找到utils.js文件，在該文件中找到exports.cssLoaders方法贮庞，在該方法中加入以下代碼：
image.png
然后哲身，找到exports.cssLoaders方法return內(nèi)容，將其替換為：
image.png
3贸伐，配置完成之后勘天，重新npm run dev運(yùn)行一下，就可以在main.js中全局引入sass文件了捉邢。
image.png
