如何命名一个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规则和命名有些相似,但它不包括我的问题。
如果可能,请使用参数/示例支持您的答案。
发布于 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
https://stackoverflow.com/questions/-100008938
复制相似问题