如何命名仅包含@import语句的Sass文件
如何命名仅包含@import语句的Sass文件
提问于 2018-12-17 06:10:06
如何命名一个Sass文件，其唯一目的是导入其他Sass文件？
是否有适用于此的规则或一般“行业标准”？
假设我们有以下文件结构：
上海社会科学院/
| - 全球/
| ` - file.sass
` - 供应商/
` - bootstrap /
| - variables.sass
` - mixins.sass
而file.sass在global/只包含
@import“../vendor/bootstrap/variables”;
@import“../vendor/bootstrap/mixins”;
怎么file.sass命名？
是bootstrap.sass或bootstrap-loader.sass？或者是其他东西？
除了这个Stack Overflow线程之外，我找不到任何解决这个问题的相关帖子或文档： Sass @Import规则和命名有些相似，但它不包括我的问题。
如果可能，请使用参数/示例支持您的答案。
回答 1
Stack Overflow用户
发布于 2018-12-17 15:12:14
主CSS / Sass文件通常称为main.scss / main.css或style.scss / style.css。
引用theswayway.com这里是结构如何：
stylesheets/
|
|-- modules/ # Common modules
| |-- _all.scss # Include to get all modules
| |-- _utility.scss # Module name
| |-- _colors.scss # Etc...
| ...
|
|-- partials/ # Partials
| |-- _base.sass # imports for all mixins + global project variables
| |-- _buttons.scss # buttons
| |-- _figures.scss # figures
| |-- _grids.scss # grids
| |-- _typography.scss # typography
| |-- _reset.scss # reset
| ...
|
|-- vendor/ # CSS or Sass from other projects
| |-- _colorpicker.scss
| |-- _jquery.ui.core.scss
| ...
|
`-- main.scss # primary Sass file
在捆绑了多个子项目的企业级项目中，您可以将主文件命名并划分为不同的文件，并在每个项目后命名。
stylesheets/
|
|-- admin/ # Admin sub-project
| |-- modules/
| |-- partials/
| `-- _base.scss
|
|-- account/ # Account sub-project
| |-- modules/
| |-- partials/
| `-- _base.scss
|
|-- site/ # Site sub-project
| |-- modules/
| |-- partials/
| `-- _base.scss
|
|-- vendor/ # CSS or Sass from other projects
| |-- _colorpicker-1.1.scss
| |-- _jquery.ui.core-1.9.1.scss
| ...
|
|-- admin.scss # Primary stylesheets for each project
|-- account.scss
`-- site.scss
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100008938
复制相关文章
相似问题