我們在開發網站的時候常常會需要說將Sass的環境變數，或是function與mixin給抽取出來，達到共用，不要重複造輪子!
但是你會發現我在使用Vue開發的時候，雖然組件化方便我們管理每個組件的Sass，但是多了個不方便的就是如果要使用變數，或是function與mixin的時候要怎麼辦?
如果是聰明的你一定會想到這樣!
但是問題來了，如果今天你有100個 component 你就要引入100次，然後如果你忘記引入一個你就要慢慢找........(WTF
所以那有沒有方法可以全域共用了?
答案是 "有的" !!!
其實很簡單，我們只要對webpack的設定做一點小小修改就可以達到了
看到了嗎~就是在loader裡面去做設定，這樣他就會幫你把那個_mixin.scss變成全域的使用，你就不用在component裡面在載入_mixin.scss了!
是不是很方便XD
如果你覺得我的教學寫得不錯歡迎追蹤我的youtube頻道，我會不定期的直播分享技術的教學~
工商時間
線上課程 — 職人必修的 RWD 網頁入門班
線上課程 — JavaScript ＆ TweenMax 動態特效速成實戰
線上課程 — 超越入門！Webpack 前端自動化開發
線上課程 — 現代 JavaScript 職人之路｜入門篇
線上課程 — 現代 JavaScript 職人之路｜中階實戰篇
