我們在開發網站的時候常常會需要說將Sass的環境變數，或是function與mixin給抽取出來，達到共用，不要重複造輪子! 但是你會發現我在使用Vue開發的時候，雖然組件化方便我們管理每個組件的Sass，但是多了個不方便的就是如果要使用變數，或是function與mixin的時候要怎麼辦? 如果是聰明的你一定會想到這樣! 但是問題來了，如果今天你有100個 component 你就要引入100次，然後如果你忘記引入一個你就要慢慢找........(WTF 所以那有沒有方法可以全域共用了? 答案是 "有的" !!! 其實很簡單，我們只要對webpack的設定做一點小小修改就可以達到了 { test: /\.(sass|scss)$/, use: [ 'vue-style-loader', 'css-loader', 'postcss-loader', {…
在這邊我們預計實現團隊中使用 sublime + Atom 的開發人員都能夠對 .scss 做自動縮進，並且效果必須一樣。 縮進書寫規範：兩格空白 每個團隊或個人使用的 CSS 規範不盡相同，可以在細節部分自行調整，也可以參考一些CSS编码规范 有的人喜歡四格縮進，也有喜歡兩格的。 (more…)