概览 我所使用的sass架构参考自这篇文章Architecture for a Sass Project,并根据我自身对sass的理解做了一些调整。 sass整体目录分层结构如下所示:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
/sass | |-- /vendors | |-- /helpers | | | |-- _functions.scss | | | |-- /mixins | | |-- _border_radius.scss | | |-- _box-shadow.scss | | |-- _button.scss | | |-- ... | | | \-- /variables | |-- _base.scss | |-- _components.scss | \-- _partials.scss | \-- _pages.scss | | |-- /elements | |-- _reset.scss | |-- _elements.scss | |-- _table.scss | \-- _list.scss | | |-- /components | |-- _alert.scss | |-- _badge.scss | |-- _button.scss | |-- _form.scss | |-- ... | | |-- /partials | |-- _header.scss | |-- _footer.scss | |-- _sidebar.scss | |-- ... | |-- /pages | |-- home.scss | |-- login.scss | |-- ... | |-- /themes | |-- _utilities.scss \-- app.scss |
app.scss 首先要注意的是根目录下的app……read more