SCSS

VueJS 中設定共用的 Sass 變數

5 years ago 1 min read VueJS Sass SCSS global variables

上回架設了基本的 VueJS 開發環境，接下來要進行一些設定。因為在這個架構下，可以很方便的預處理SASS，基本上不用另外設定，但是之前在 NuxtJS 中已經有 SASS 中設定變數不能共用的問題。不過現在 vue-loader 已經有官方解決方法 [https://vue-loader.vuejs.org/en/configurations/pre-processors.html]，就是使用 sass-resources-loader [https://github.com/shakacode/sass-resources-loader] 載入global的變數。用法很簡單，使用

Sass in NuxtJS

5 years ago 3 min read NuxtJS Sass SCSS CSS Style VueJS

以前對Sass/SCSS等需要預處理的CSS Style有一定抗拒，因為需要安裝一堆應用程式，每次更新都需要處理一次，但是現在在NuxtJS中有Vue Loader處理，不論那一種需要預處理的CSS都可以輕鬆搞定。在多種預處理的CSS中我先是賞試了Sass，不用再加任何標點符號真的很棒！ Sass nav ul { margin: 0; padding: 0; list-style: none; } nav li { display: inline-block; } nav a { display: block; padding: 6px 12px; text-decoration: none; } 原本是這樣的CSS