Zurb foundation 基金会5自定义SASS项目设置 我有一个项目，我想使用基金会5。我已经通过使用CLI创建了一个新的基金项目，但是我不喜欢它。文件太多，结构与我想要的不匹配。所以

我打算只向我的项目中添加所需的文件，并使用compass编译所有css

在CLI上创建的项目中，我注意到了一些让我感到困惑的事情，希望得到一些帮助来清除它们

• 在CLI上创建的项目有两个<代码>设置。SCSs<代码>文件在BoeRyl组件的基础目录下，一个在<代码> MyOpProject \SCSS中。我假设由于这个

  config.rb

  中的

  add\u import\u路径“bower\u components/foundation/scss”

  行，这些文件中哪一个有优先权

< > >代码> MyOpWorks/StassLeSs<代码>中没有标准化的CSS（或基础？CSS）？他们怎么不在那里？（在我的自定义设置中，它们是在

样式表

的子目录中生成的，而且为我生成的

foundation.css

没有应用任何设置更改，所以我想不应该生成它）

---

如果您查看

\bower\u components\foundation\scss

内部，您将看到文件

foundation.scss

。该文件为在基础5代码“包”中的所有附加组件导入所有样式表。在根目录> SCSs<代码>目录中， App.SCSs/COD>将SASS编译成代码> \样式表\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\u components\foundation\scss\foundation\components

目录中删除您不使用的任何scss文件。与

js

目录相同。实际上，您不需要修改

bower\u components

目录中的任何内容，即可使所有内容正常工作。不完全清楚为什么它都包含在

bower\u组件中，但我想这与以后能够在将来的版本中更新核心组件有关

其他人可能会给出一个更有教育意义的答案

p、 请确保在CLI中查看对SASS文件所做的任何更改。
如果查看
\bower\u components\foundation\scss
内部，您将看到文件
foundation.scss
。该文件为在基础5代码“包”中的所有附加组件导入所有样式表。在根目录> SCSs<代码>目录中， App.SCSs/COD>将SASS编译成代码> \样式表\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\u components\foundation\scss\foundation\components
目录中删除您不使用的任何scss文件。与
js
目录相同。实际上，您不需要修改
bower\u components
目录中的任何内容，即可使所有内容正常工作。不完全清楚为什么它都包含在
bower\u组件中，但我想这与以后能够在将来的版本中更新核心组件有关

其他人可能会给出一个更有教育意义的答案

p、 请确保在CLI中查看对SASS文件所做的任何更改