我目前正在使用https://sass-guidelin.es/#architecture中提出的7-1架构重构我的项目。
现在,我在我的项目中使用flaticons。在结构中应该放置flaticon提供的文件夹和scss文件,我应该在哪里导入它?
答案 0 :(得分:2)
7-1 pattern列出以下子目录以及./
base/
components/
layout/
pages/
themes/
abstracts/
vendors/
main.scss
:
_flaticons.scss
vendors文件夹适用于外部库/框架的SCSS,例如@import 'vendors/flaticons';
如果flaticons是一个包含许多内容而不是单个文件的目录,那么您可以将整个flaticons目录放在供应商的文件夹中。
在sass-root目录的 main.scss 中:@import 'vendors/flaticons-directory/flaticons-main-file'
或以下内容,如果您的资料位于目录中:main.scss
请注意<p onclick="redirect('http://example.com/Files/File123.pdf')">Click here for PDF</p>
<script>
function redirect(link)
{
window.location = link;
}
</script>
中的导入顺序,因为可以在一个文件中定义常规变量和mixin,并在其他文件中引用它们,因此必须在文件之前导入定义它们的文件。使用它们。
此外,SASS将按照导入的顺序编译为CSS规则,因此正常的继承/级联将应用于编译的CSS规则。