Question

我有一个项目，我想使用基础5。我已经完成了使用CLI创建新基础项目的步骤，但我不喜欢它。文件太多，结构与我想要的不匹配。所以......

我打算只将所需文件添加到我的项目中，并使用指南针编译所有css。

我注意到在CLI上创建的项目中有一些让我感到困惑的事情，并希望在清理它们时提供一些帮助。

在CLI上创建的项目中，有两个_settings.scss个文件位于bower_components的基础目录下，另一个位于MY_PROJECT\scss中。我假设因为add_import_path "bower_components/foundation/scss"中的config.rb行，哪些文件有首选？
为什么MY_PROJECT/stylesheets中没有normalize.css（或foundation.css）？他们怎么不在那里？（在我的自定义设置中，他们正在生成，虽然在stylesheets的子目录中，也为我生成的foundation.css没有应用设置更改，所以我猜它不应该被生成）< / p>

Answer 1

如果你看一下\bower_components\foundation\scss，你会看到文件foundation.scss。该文件导入Foundation 5＆＃34;包中的所有其他组件的所有样式表。＆＃34;在根scss目录中，app.scss将SASS编译为\stylesheets\app.css。所以不是这样：

@import "foundation";

取消注释您正在使用的各个组件。像这样：

@import
   //"foundation/components/accordion",
   //"foundation/components/alert-boxes",
   "foundation/components/block-grid",
   //"foundation/components/breadcrumbs",
   //"foundation/components/button-groups",
   //"foundation/components/buttons",
   "foundation/components/clearing",
   "foundation/components/dropdown",
   //"foundation/components/dropdown-buttons",
   //"foundation/components/flex-video",
   "foundation/components/forms",
   "foundation/components/grid",
   //"foundation/components/inline-lists",
   //"foundation/components/joyride",
   //"foundation/components/keystrokes",
   //"foundation/components/labels",
   //"foundation/components/magellan",
   //"foundation/components/orbit",
   //"foundation/components/pagination",
   //"foundation/components/panels",
   //"foundation/components/pricing-tables",
   //"foundation/components/progress-bars",
   "foundation/components/reveal",
   "foundation/components/side-nav",
   //"foundation/components/split-buttons",
   "foundation/components/sub-nav",
   //"foundation/components/switches",
   "foundation/components/tables",
   //"foundation/components/tabs",
   //"foundation/components/thumbs",
   //"foundation/components/tooltips",
   "foundation/components/top-bar",
   "foundation/components/type",
   "foundation/components/offcanvas",
   "foundation/components/visibility";

如果您想简化文件结构，我建议您从\bower_components\foundation\scss\foundation\components目录中删除任何不会使用的scss文件。与js目录相同。您实际上并不需要修改bower_components目录中的任何内容以使一切正常。不完全确定为什么它都包含在bower_components中，但我认为它与以后的版本能够更新核心组件有关。

其他人可能会给出更有教养的答案。

P.S。 - 确保在CLI中compass watch查看对SASS文件所做的任何更改。

Foundation 5自定义sass项目设置

1 个答案: